# Why use markstream-vue

- Progressive Mermaid: diagrams render incrementally so users see results earlier.
- Streaming diff code blocks: show diffs as they arrive for instant feedback.
- Built for scale: optimized DOM updates and memory use for very large documents.

This library is especially suited for real-time, AI-driven, and large-document scenarios where a conventional, static Markdown pipeline would cause lag or break UX.

Try this — test the renderer quickly in a browser component:

```vue
<script setup>
import MarkdownRender from 'markstream-vue'

const md = '# Why test\n\nStreaming works well in large docs'
</script>

<template>
  <MarkdownRender :content="md" />
</template>
```