用途:在已选定 markstream-vue 包后,面向普通 Vue 3 应用进行渲染器进阶配置,覆盖展示模式、流式生命周期、代码渲染、长消息虚拟化与作用域组件覆盖。若涉及 Nuxt 的 SSR 边界,应改用 markstream-nuxt。
主要能力:支持 mode 选择,chat 适合 AI 流式输出,docs 适合富文本文档,minimal 适合轻量非聊天界面。代码围栏渲染需显式选择:未装对等依赖时用 pre,使用 stream-markdown 时用 shiki,兼容命名的 monaco 实际由 stream-diffs 支撑。实时聊天建议平滑流式设为 auto、不使用淡入,可选光标;完成后保持同一模式、设为 final,并关闭节流与光标。仅在做 worker 解析或需要掌控结构化 AST 时使用 nodes。
使用方式:先检查现有包管理器与项目约定,预览改动并取得明确用户批准,再改依赖或源码。确认是 Vue 3 而非 Nuxt;只安装所需对等依赖,并在重置样式后导入 markstream-vue/index.css。长对话应保留外层消息虚拟化组件负责虚拟化,使用 Markstream 逻辑高度而非已挂载 DOM 高度。使用作用域组件注册,保留安全 HTML 与 Mermaid 严格模式。
限制:可选对等依赖会增加打包体积与浏览器运行时开销;DOM 最小化模式会禁用依赖包装器的功能;虚拟化集成需要稳定的内容与测量 key。安全方面,审查依赖变更,切勿对不可信模型输出启用受信任 HTML 或宽松 Mermaid 渲染。
验证建议:执行最小构建或类型检查,并覆盖一次增量流式输出与一次长消息场景。具体安装命令、版本号与完整配置项暂未提供。