Registry / web-framework / markstream-vue

markstream-vue

JSON →
library0.0.13-beta.7jsnpmunverified

A streaming-friendly Vue 3 Markdown renderer (v0.0.13-beta.7) optimized for AI chat UIs, documentation sites, and large documents. Supports progressive Mermaid diagrams, streaming diff code blocks (Monaco/Shiki), and dual rendering modes (virtualized window for long docs or typewriter batch for incremental output). Includes built-in KaTeX math, custom Vue component embedding, and TypeScript types. Released with weekly nightlies; integrates with Vue 3, VitePress, and works in both ESM and CJS environments.

npm install markstream-vue
INSTALL
IMPORT
SIG · MARKSTREAM-VUE
M
markstream-vue
web-frameworkjavascriptv0.0.13-beta.7
Install
Import
Disk
Pass rate
0/ 6
Env Coverage0 / 6
glibc
1822
musl
1822
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18226 runs
build_error
glibc
node 18226 runs
build_error
Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

MarkstreamRenderer
import { MarkstreamRenderer } from 'markstream-vue'
import MarkstreamRenderer from 'markstream-vue'
Named export — default export is not available.
default
import MarkstreamRenderer from 'markstream-vue'
const MarkstreamRenderer = require('markstream-vue')
When using CJS, use require('markstream-vue').default; import default from ESM.
type MarkstreamOptions
import type { MarkstreamOptions } from 'markstream-vue'
import { MarkstreamOptions } from 'markstream-vue'
Options is a TypeScript type — use `import type` for type-only imports.
MarkstreamRendererProps
import type { MarkstreamRendererProps } from 'markstream-vue'
import { MarkstreamRendererProps } from 'markstream-vue'
Props is a TypeScript type — use `import type`.

Basic usage of MarkstreamRenderer component with streaming, KaTeX math, and Mermaid diagram support.

<template> <MarkstreamRenderer :content="markdownContent" :stream-options="{ mode: 'incremental' }" :highlight="true" :katex="true" :mermaid="true" /> </template> <script setup lang="ts"> import { ref } from 'vue' import { MarkstreamRenderer } from 'markstream-vue' import 'markstream-vue/dist/style.css' const markdownContent = ref('# Hello Markstream\n\nThis is **streaming** markdown with $E=mc^2$ math.') </script>
Debug
Known issues
breakingBreaking change: renamed 'codeBlockTheme' prop to 'codeTheme' in v0.0.13-beta.5
fix
Replace `:codeBlockTheme` with `:codeTheme` in template.
affects: >=0.0.13-beta.5
breakingBreaking change: 'stream-options' prop 'chunkSize' renamed to 'batchSize' in v0.0.13-beta.6
fix
Use `:stream-options="{ batchSize: 100 }"`.
affects: >=0.0.13-beta.6
deprecatedDeprecated: importing from 'markstream-vue/dist/markstream-vue' is deprecated; use 'markstream-vue' directly
fix
Use `import { MarkstreamRenderer } from 'markstream-vue'`.
affects: >=0.0.12
gotchaMermaid diagrams require the 'mermaid' peer dependency installed; otherwise they render as plain text.
fix
Run `npm install mermaid` and pass `:mermaid="true"` to the component.
affects: >=0.0.1
gotchaKaTeX rendering requires the 'katex' peer dependency; ensure you import KaTeX CSS separately if needed.
fix
Install `katex` and set `:katex="true"`.
affects: >=0.0.1
Errors
Common errors & fixes
Failed to resolve component: MarkstreamRenderer
Component not registered or imported incorrectly (missing named import).
fix
Use `import { MarkstreamRenderer } from 'markstream-vue'` and register locally or globally.
[Vue warn]: Failed to resolve prop: stream-options
Using 'streamOptions' instead of kebab-case 'stream-options' in template.
fix
Use `:stream-options` (kebab-case) or bind via `v-bind:streamOptions`.
Module not found: Can't resolve 'katex'
KaTeX peer dependency not installed but :katex="true" is set.
fix
Run `npm install katex` or set `:katex="false"` if not needed.
TypeError: markstream_vue_1.default is not a function
Using CommonJS require() without accessing .default.
fix
Use `const { MarkstreamRenderer } = require('markstream-vue')`.
Upgrade
Version history
0.0.13-beta.7latest on npm
Audit
Dependencies
vuerequiredPeer dependency — requires Vue >=3.0 for component rendering
stream-markdownrequiredPeer dependency — core stream parsing logic
katexoptionalPeer dependency — renders LaTeX math expressions
mermaidoptionalPeer dependency — renders diagrams in Markdown
vue-i18noptionalPeer dependency — required for internationalization support
@antv/infographicoptionalPeer dependency — alternative diagram rendering
@terrastruct/d2optionalPeer dependency — alternative diagram rendering
stream-monacooptionalPeer dependency — streaming Monaco editor integration
Agent activity
3 hits · last 30 days
node
2
Amazon
1
Resources
markstream-vue — npm install markstream-vue · libregistry