markstream-vue

markstream-vue 概覽

這是什麼

markstream-vue 是一個 Vue 3 / Nuxt / VitePress 的串流 Markdown 渲染器，專為 AI 聊天、LLM token 串流、SSE/WebSocket 輸出、不完整的 Markdown、長篇 AI 回應、Mermaid、KaTeX 以及串流程式碼區塊而設計。它是 Markstream 渲染器家族的一部分，該家族包含 Vue、React、Octane、Svelte、Angular 和 Vue 2 的套件。

主要功能

• 專為串流 Markdown（AI/聊天/SSE）打造，設計上盡量減少閃爍並保持記憶體可預測。
• 兩種渲染模式：虛擬視窗用於長文件，增量批次處理用於「打字」效果。
• 漸進式圖表（Mermaid）和串流程式碼區塊（stream-diffs），能跟上差異變化。
• 支援原始 Markdown 字串或預先解析的節點，並在 Vue、React、Octane、Svelte 和 Angular 中提供自訂框架元件。
• 以 TypeScript 優先，提供立即可用的預設值——匯入 CSS 即可渲染。
• 可選的 Mermaid / KaTeX / D2 / 圖表整合、增強的程式碼區塊、虛擬滾動協調、CSS 匯出、Worker 客戶端子路徑，以及 Vite / Nuxt / VitePress 的 SSR 匯入。
• 跨框架渲染器已可用並正在積極開發中。

使用情境

當 Markdown 仍在變動而使用者正在閱讀時，Markstream 是理想的選擇。使用情境包括 AI 聊天介面、SSE 串流、長篇 AI 回應、行動 WebView 渲染、安全元件渲染以及漸進式大型區塊。它不適用於已完成的 Markdown 文件（應使用 marked、markdown-it 或 react-markdown）。

快速開始

bashpnpm add markstream-vue僅在需要增強程式碼和差異區塊時，才安裝可選的 stream-diffs 對等相依套件。對於必須停留在 1.x 版本的應用程式，請使用 pnpm add markstream-vue@1。

授權與價格

授權：MIT。價格類型：開源。

內容整理自該專案公開的 README 與儲存庫資訊。