@ai-slot/adapter-vue

Vue 3 renderer adapter for ai-slot: render validated component trees as real Vue components.
399
vue ai renderer adapter
Install
npm install @ai-slot/adapter-vue
Latest Version:0.1.3
Vue:3
License:MIT
Last Updated:Oct 21, 2026
Links: GitHub  ·  npm
Maintainer: iannil

@ai-slot/adapter-vue

English | 简体中文

Vue 3 renderer adapter for ai-slot-component: render validated component trees as real Vue components, plus an <AiSlot> wrapper around the Web Component.

Install

npm install @ai-slot/adapter-vue
# peer dep: vue >= 3.4

Usage

import { AiSlot, treeToVue } from "@ai-slot/adapter-vue";

// 1. Map component-tree nodes to your Vue components
const vnode = treeToVue({ Banner }, modelOutput);

// 2. Or use the wrapper — the default slot is the fallback
// <AiSlot name="hero" src="/ai-render/hero" stream>
//   <h1>Original content</h1>
// </AiSlot>

Docs

License

MIT

Related Packages

@struggler/smart-ai-renderer

Vue renderer for Smart AI markdown and structured render blocks

1,078
ai renderer vue chat markdown structured-output
@copilotkit/mcp-apps-renderer

Framework-agnostic MCP Apps host for CopilotKit - the app<->host protocol (ext-a...

531,951 38,219
ai renderer copilotkit ext-apps mcp mcp-apps ui
@ai-sdk/vue
25,274,128 27,537
ai vue
@json-render/vue

Vue renderer for @json-render/core. JSON becomes Vue components.

433,381 18,809
ai renderer vue components generative-ui json llm streaming ui
@xmachines/json-render-vue

Vue renderer for @xmachines/json-render-core. JSON becomes Vue components.

9,327
ai renderer vue components generative-ui json llm streaming ui

Version History

Version Released Vue License
0.1.3 >=3.4 MIT
0.1.2 >=3.4 MIT
0.1.1 >=3.4 MIT
0.1.0 >=3.4 MIT