FastComments Vue 3 Library
Esta es la biblioteca oficial de Vue 3 para FastComments.
Widgets de comentarios de FastComments para Vue 3
Repositorio
Instalación 
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUso
El widget de comentarios
El componente FastCommentsVueNext contiene el widget de comentarios FastComments en vivo.
Reemplaza "demo" abajo por tu "tenantId" - disponible aquí en el área de administración de FastComments.
El widget admite muchas opciones - consulta FastCommentsConfig aquí.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Actualizar la página actual (ejemplo SPA)
En FastComments llamamos al article id, o a la página a la que se vinculan los comentarios, el URL ID ya que puede ser una url o un ID. Defina el URL ID de la siguiente manera. El componente observa los cambios en el objeto config y se recargará, por lo que puede actualizar el URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Región de la cuenta (ATENCIÓN: clientes de la UE)
Si su cuenta está ubicada en la UE, establezca region = 'eu' en la configuración del widget, por ejemplo:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />De lo contrario, no tiene que definir region.
En producción
Probablemente no quieras definir la config en línea si estás pasando callbacks etc. En su lugar, querrás definir
la config vía computed(), de lo contrario cada vez que se invoque tu callback etc el widget completo se volverá a renderizar.
Todos los widgets y documentación
Ejecute la documentación local:
npm run serveFastComments
FastComments
Esta documentación contiene algunos ejemplos de cómo usar FastComments con Vue3.
Para una lista completa de opciones de configuración, consulta fastcomments-typescript y nuestra documentación.
¿Necesita ayuda?
Si encuentra algún problema o tiene preguntas sobre la biblioteca de Vue 3, por favor:
Contribuciones
¡Las contribuciones son bienvenidas! Por favor visite el repositorio de GitHub para las directrices de contribución.