Vani SPA Setup

Instructions for the agent to scaffold a basic Vani SPA using explicit updates.

When to Use

Use this when a user needs a new Vani SPA root, a simple component, or a quick demo that mounts to a DOM element.

Steps

1. Create a root component with component that returns a render function.
2. Store local state in variables and call handle.update() from event handlers.
3. Find the root element by id and throw if missing.
4. Mount the component with renderToDOM(App(), root) (arrays also work).

Arguments

• rootId - DOM id of the mount node (defaults to app)