Markstream Vue 2 CLI

Visão Geral

Lida com restrições do Vue CLI e Webpack 4 que diferem materialmente de configurações modernas do Vue 2/Vite.

Quando Usar

Use quando o Vue 2 roda no Vue CLI ou Webpack 4 e export maps de pacotes ou imports de worker do Vite não estiverem disponíveis.

Fluxo de Trabalho

Inspecione o gerenciador de pacotes existente, a versão do pacote instalado e as convenções do projeto. Uma integração com escopo solicitado já autoriza edições rotineiras de código fonte/dependências; busque aprovação apenas para uma expansão material do escopo ou decisão de adoção de beta/alfa não resolvida.

1. Confirme Vue 2 mais Vue CLI/Webpack 4.
2. Instale markstream-vue2 e apenas os pacotes "peers" solicitados.
3. Importe markstream-vue2/dist/index.css, pois ferramentas legadas podem não entender o export map de CSS.
4. Evite imports ?worker. Use os helpers de worker CDN do Markstream para KaTeX ou Mermaid apenas quando necessário.
5. Prefira blocos de código stream-markdown em vez de fiação frágil de worker do Monaco.
6. Mantenha content com streaming suave para chat; defina final e desative o controle de ritmo/cursor para histórico completo.
7. Mantenha o HTML seguro e o Mermaid estrito; valide o build legado real.

Exemplo

<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>

Limitações

• Workers CDN requerem acesso à rede e política de segurança de conteúdo compatível.
• Configurações de worker estilo Monaco não são intencionalmente cobertas.
• Vue 2.6 também pode requerer @vue/composition-api.

Notas de Segurança e Proteção

Não introduza workers CDN sem revisar CSP, política de rede e confiança das dependências. Preserve os padrões de renderização seguros.

Verifique props, caminhos de exportação e intervalos de pacotes "peers" contra o pacote instalado, não um "main" upstream mutável. Teste streams parciais e completos, Markdown malformado/não confiável, links e URLs de imagem, cancelamento e redução de movimento. HTML seguro e diagramas estritos reduzem a exposição, mas não impõem sozinhos a privacidade de URL/rede ou permissões de componentes da aplicação.

Vue 2 está no fim de vida; preserve uma integração legada solicitada e documente sua decisão de manutenção/suporte em vez de atualizar silenciosamente a aplicação inteira. Prefira workers localmente empacotados e revisados em vez de código CDN mutável, onde for viável.