Add Comments to Your Vue 2 App
Esta é a biblioteca oficial do Vue 2 para o FastComments.
Widgets de comentários do FastComments para Vue 2
Repositório
Demonstraçã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 serveDemonstrações individuais também possuem seus próprios pontos de entrada (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) em dev/.
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.
Status de manutenção
Esses componentes são wrappers em torno dos nossos componentes core do 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. Mudanças de API incompatíveis ou recursos nunca serão enviados para a biblioteca core subjacente sem um aumento de versão nesta biblioteca.
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.