Add Vue / vanilla JS renderer for @adam2go/tilo-react blocks

[adam2go]

Summary

@adam2go/tilo-react ships a React renderer for Tilo AIP blocks. Many developers use Vue 3, Svelte, or vanilla JS. This issue tracks adding a framework-agnostic renderer option.

What to build

A minimal vanilla JS / Web Components renderer that can render Tilo surface blocks without React:

<script type="module">
  import { TiloElement } from 'https://cdn.jsdelivr.net/npm/@adam2go/tilo-react/vanilla';
  customElements.define('tilo-surface', TiloElement);
</script>

<tilo-surface data-spec='{"blocks": [...]}' />

OR a Vue 3 wrapper:

<TiloRenderer :surface="spec" @action="handleAction" />

Scope

• Survey interest: comment with your preferred framework (Vue / Svelte / vanilla)
• Minimal proof-of-concept for the most-requested framework
• Added to packages/ directory

Resources

• packages/react/src/ — current React implementation to adapt
• packages/react/src/surface.ts — shared TypeScript types (framework-agnostic)
• AIP block type list: backend/tilo/schemas/artifact.py