Como instalar um chat ao vivo em um aplicativo Vue.js?

Para integrar o Talk com sua aplicação Vue.js, você precisa colar o script do widget do Talk no arquivo index.html da sua aplicação Vue.js.

Veja como fazer isso:

Seu script do widget pode ser encontrado nas configurações da Caixa de Entrada do seu site. Vá em Configurações -> Caixas de Entrada -> Selecione seu canal do site > aba Configuração.

Se você ainda não criou uma caixa de entrada para o site, pode encontrar as instruções passo a passo aqui.

Copie o script que foi criado no campo code do canal.

Abra seu projeto Vue e cole o script no arquivo index.html, logo antes da tag de fechamento </body>.

Agora você poderá ver o widget do Talk na página. Algo assim:

Um módulo mantido pela comunidade (Feito pelo pessoal incrível da @huntersofbook) para integrar o Talk em seus projetos Vue 3 e Nuxt 3 está disponível. Você pode encontrar um exemplo aqui.

Veja o módulo Vue 3.

Veja o módulo Nuxt 3.