FastComments Vue 2 Library
Esta é a biblioteca oficial do Vue 2 para o FastComments.
Widgets de comentários do FastComments para Vue 2
Repositório
Instalação 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueUso
O Widget de Comentários
O componente FastCommentsVue contém o widget de comentários do FastComments em tempo real.
Substitua "demo" abaixo pelo seu "tenantId" - disponível aqui na área administrativa do FastComments.
O widget suporta muitas opções - veja FastCommentsConfig aqui.
<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';
export default Vue.extend({
name: 'ServeDev',
components: {
FastCommentsVue
}
});
</script>
<template>
<div id="app">
<fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
</div>
</template>Atualizando a Página Atual (Exemplo de SPA)
In FastComments chamamos o id do artigo, ou da página ao qual os comentários ficam vinculados, de URL ID, pois pode ser uma url ou um ID. Defina o URL ID da seguinte maneira. O componente monitora mudanças no objeto config e irá recarregar, então você pode apenas atualizar as configurações "url" e "urlId".
Veja um exemplo completo funcionando aqui.
Execute o exemplo de paginação via:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', 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:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Caso contrário, você não precisa definir region.
Em Produção
Você provavelmente não vai querer definir o config inline se estiver passando callbacks etc. Em vez disso, você vai querer definir
o config em um bloco computed, caso contrário cada vez que seu callback etc. for invocado o widget inteiro será re-renderizado.
Precisa de ajuda?
Se você encontrar algum problema ou tiver perguntas sobre a biblioteca Vue 2, por favor:
Contribuindo
Contribuições são bem-vindas! Por favor, visite o repositório no GitHub para as diretrizes de contribuição.