Add Comments to Your Vue 3 App
Esta é a biblioteca oficial do Vue 3 para o FastComments.
Incorpore widgets de comentários em tempo real, chat e revisão no seu app Vue.
Repositório
Demonstração ao vivo 
Experimente todos os widgets ao vivo em https://fastcomments.com/commenting-system-for-vue.
Apresentação ao vivo
Para ver todos os widgets e fluxos sendo executados localmente contra o tenant público demo, clone o repositório e execute:
npm install
npm run devO ponto de entrada da demonstração fica em src/App.vue e index.html — cada widget/fluxo é renderizado no mesmo app que você pode copiar para o seu próprio projeto Vue 3.
Instalação
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUso
O widget de comentários
O componente FastCommentsVueNext contém o widget de comentários do FastComments em tempo real.
Substitua "demo" abaixo pelo seu "tenantId" - disponível aqui na área de administração do FastComments.
O widget suporta muitas opções - veja FastCommentsConfig aqui.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Atualizando a página atual (exemplo de SPA)
No FastComments, chamamos o article id, ou a página à qual os comentários são vinculados, de URL ID, pois pode ser uma url ou um ID. Defina o URL ID da seguinte maneira. O componente fica observando alterações no objeto config e irá recarregar, então você pode atualizar o URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Região da Conta (ATENÇÃO: Clientes da UE)
Se sua conta estiver localizada na UE, defina region = 'eu' na configuração do widget, por exemplo:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Caso contrário, você não precisa definir region.
Em produção
Você provavelmente não quer definir a config inline se estiver passando callbacks etc. Em vez disso, você vai querer definir
a config via computed(), caso contrário cada vez que seu callback etc for invocado todo o widget será renderizado novamente.
Todos os widgets e documentação
Execute a documentação localmente:
npm run serveStatus de manutenção
Estes componentes são wrappers em torno de nossos componentes principais VanillaJS. Podemos atualizar automaticamente esses componentes (corrigir bugs, adicionar recursos) sem publicar esta biblioteca, então, embora ela possa não ser publicada por um tempo, isso não significa que o FastComments não esteja em desenvolvimento ativo! Sinta-se à vontade para conferir nosso blog para atualizações. Alterações que quebram a API ou novos recursos nunca serão enviados para a biblioteca subjacente sem um aumento de versão nesta biblioteca.
FastComments
FastComments
Esta documentação contém alguns exemplos de como usar o FastComments com o Vue3.
Para uma lista completa de opções de configuração, consulte fastcomments-typescript e nossa documentação.
Precisa de ajuda?
Se você encontrar algum problema ou tiver dúvidas sobre a Vue 3 Library, por favor:
Contribuindo
Contribuições são bem-vindas! Por favor, visite o repositório no GitHub para as diretrizes de contribuição.