Summary
The Vue chat example tells the model that TextContent supports markdown, but the local Vue renderer displays markdown markers literally.
Observed while running PR #629 locally, but this appears to be an example/component-library mismatch rather than part of the PR's packages/vue-lang query/mutation scope.
Repro
- Run
examples/vue-chat.
- Ask for a response likely to include formatted text, for example stock information.
- The assistant response renders literal markdown such as
**NVDA** and **$877.33** instead of bold text.
Expected
Markdown inside TextContent("...") should render as formatted text, or the Vue chat prompt/library should not claim markdown support.
Actual
Markdown is shown literally.
Relevant code
examples/vue-chat/lib/library.ts describes TextContent as: "Displays a block of text. Supports markdown formatting within the string."
examples/vue-chat/lib/library.ts also instructs: "Use TextContent for all text output. You can use markdown within the text string."
examples/vue-chat/components/openui/TextContent.vue renders the text using plain Vue interpolation: {{ props.text ?? "" }}, which escapes and displays markdown syntax literally.
Likely fix options
- Add a markdown renderer to the Vue chat
TextContent.vue implementation, with sanitization appropriate for rendered HTML.
- Or update the Vue chat prompt/library description so it does not instruct the model to emit markdown in
TextContent.
Notes
@openuidev/vue-lang appears to be the runtime/bindings layer (Renderer, defineComponent, createLibrary, composables). The Vue chat component library is local to the example. The richer prebuilt markdown component exists on the React side as @openuidev/react-ui's MarkDownRenderer, but there is no equivalent Vue UI package in this example.
Summary
The Vue chat example tells the model that
TextContentsupports markdown, but the local Vue renderer displays markdown markers literally.Observed while running PR #629 locally, but this appears to be an example/component-library mismatch rather than part of the PR's
packages/vue-langquery/mutation scope.Repro
examples/vue-chat.**NVDA**and**$877.33**instead of bold text.Expected
Markdown inside
TextContent("...")should render as formatted text, or the Vue chat prompt/library should not claim markdown support.Actual
Markdown is shown literally.
Relevant code
examples/vue-chat/lib/library.tsdescribesTextContentas: "Displays a block of text. Supports markdown formatting within the string."examples/vue-chat/lib/library.tsalso instructs: "Use TextContent for all text output. You can use markdown within the text string."examples/vue-chat/components/openui/TextContent.vuerenders the text using plain Vue interpolation:{{ props.text ?? "" }}, which escapes and displays markdown syntax literally.Likely fix options
TextContent.vueimplementation, with sanitization appropriate for rendered HTML.TextContent.Notes
@openuidev/vue-langappears to be the runtime/bindings layer (Renderer,defineComponent,createLibrary, composables). The Vue chat component library is local to the example. The richer prebuilt markdown component exists on the React side as@openuidev/react-ui'sMarkDownRenderer, but there is no equivalent Vue UI package in this example.