Markstream Vue 2

Visão Geral

Lida com decisões de compatibilidade do Vue 2.6/2.7 que o instalador genérico não consegue resolver com segurança.

Quando Usar

Use para integração com Vue 2 quando nenhum caso extremo específico do bundler dominar. Use markstream-vue2-cli para Vue CLI/Webpack 4 e markstream-vue2-vite para importações de worker do Vite.

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 de escopo material ou decisão de adoção beta/alfa não resolvida.

1. Confirme Vue 2.6 ou 2.7 e instale markstream-vue2.
2. Adicione @vue/composition-api apenas para código Vue 2.6 que usa padrões da Composition API; o Vue 2.7 tem suporte integrado.
3. Importe markstream-vue2/index.css após os resets.
4. Comece com <MarkdownRender :content="markdown" /> e streaming suave auto.
5. Para chat ao vivo, desative o fade e opte pelo cursor; ao concluir, defina final, desative o pacing/cursor e ative o fade apenas se desejado.
6. Use nodes apenas quando outra camada for responsável pelo parsing. Use mapeamentos com escopo para substituições.
7. Mantenha o HTML seguro e o Mermaid estrito; valide com o menor build ou comando de desenvolvimento.

Exemplo

<script>
import MarkdownRender from 'markstream-vue2'
import 'markstream-vue2/index.css'

export default {
  components: { MarkdownRender },
  props: { content: String, done: Boolean },
}
</script>

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

Limitações

• Vue 2.6 e 2.7 têm requisitos diferentes para a Composition API.
• Bundlers legados exigem as especializações dedicadas.
• Peers modernos opcionais podem não suportar todas as toolchains do Vue 2.

Notas de Segurança e Proteção

Revise as alterações de dependência e compatibilidade. Não relaxe a segurança de renderização para conteúdo não confiável.

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

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 toda a aplicação. Prefira workers com bundle local revisado em vez de código CDN mutável onde for viável.