FastComments Vue 3 Library
Esta é a biblioteca oficial do Vue 3 para o FastComments.
Widgets de comentários do FastComments para Vue 3
Repositório
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 serveFastComments
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.