Vue 3

Integration overview

How it connects to OpenUI

Vue component definitions and Zod schemas form a shared library for prompt generation and rendering. The Vue Renderer updates progressively as OpenUI Lang arrives.

The integration path

1. 1

   Describe the interface

   Generate a component prompt from the same OpenUI library that will render the response.

2. 2

   Stream structured output

   Let Vue 3 own its part of the stack while OpenUI Lang travels as incremental text or mapped agent events.

3. 3

   Render and interact

   Parse the stream with the matching OpenUI runtime, render real components, and return validated actions to the application.

What stays consistent