Render streaming Markdown in legacy Vue 2 CLI projects

This skill handles Vue CLI and Webpack 4 constraints for Markstream Vue 2 integration that differ materially from a modern Vue 2/Vite setup. Its workflow: before changing dependencies or source files, inspect the existing package manager and project conventions, preview the intended edits, and get explicit user approval; confirm the project is actually Vue 2 plus Vue CLI/Webpack 4; install markstream-vue2 and only the specifically requested peer dependencies; import markstream-vue2/dist/index.css directly, since legacy tooling may not understand the package's CSS export map; avoid ?worker imports, using Markstream's CDN worker helpers for KaTeX or Mermaid only when actually needed; prefer stream-markdown code blocks over fragile Monaco worker wiring; keep the content prop streaming smoothly for chat, then set final and disable pacing/cursor for completed history; and keep HTML rendering safe and Mermaid strict, validating against the actual legacy build.

Documented limitations: CDN workers require network access and a compatible content-security policy, Monaco-style worker setups are intentionally not covered, and Vue 2.6 may also require @vue/composition-api. A security note: do not introduce CDN workers without reviewing CSP and network policy, and preserve safe rendering defaults.

Use when Vue 2 runs on Vue CLI or Webpack 4 and package export maps or Vite worker imports are unavailable. Do not use its Monaco-style worker guidance - that setup is intentionally out of scope here.

Input is an existing Vue 2 + Vue CLI/Webpack 4 project. Output is a working MarkdownRender integration importing markstream-vue2's CSS directly, bypassing the export map, using CDN worker helpers instead of ?worker imports, and streaming content safely.

<script>
import MarkdownRender from 'markstream-vue2'
// Legacy Webpack may not resolve the package CSS export map.
import 'markstream-vue2/dist/index.css'

export default {
  components: { MarkdownRender },
  data: () => ({ content: '# Answer', done: false }),
}
</script>

<template>
  <MarkdownRender
    :content="content"
    :final="done"
    :fade="false"
  />
</template>

Developers integrating Markstream's streaming markdown renderer into a legacy Vue 2 project still on Vue CLI or Webpack 4, where modern Vite-based worker imports and CSS export maps don't work.