Add Comments to Your Vue 3 App
Esta es la biblioteca oficial de Vue 3 para FastComments.
Incrusta widgets de comentarios en vivo, chat y reseñas en tu aplicación Vue.
Repositorio
Demostración en vivo 
Prueba cada widget en vivo en https://fastcomments.com/commenting-system-for-vue.
Presentación en vivo
Para ver cada widget y flujo ejecutándose localmente contra el tenant público demo, clona el repositorio y ejecuta:
npm install
npm run devEl punto de entrada de la muestra se encuentra en src/App.vue y index.html — cada widget/flujo se renderiza en la misma aplicación que puedes copiar en tu propio proyecto de Vue 3.
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>Actualizando 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 la documentación
Ejecute la documentación local:
npm run serveEstado de mantenimiento
Estos componentes son envoltorios alrededor de nuestros componentes core de VanillaJS. Podemos actualizar automáticamente estos componentes (corregir errores, añadir funciones) sin publicar esta librería, así que aunque puede que no se publique durante un tiempo eso no significa que FastComments no esté en desarrollo activo. Siéntete libre de consultar nuestro blog para actualizaciones. Los cambios incompatibles en la API o nuevas funcionalidades nunca se enviarán a la librería core subyacente sin un incremento de versión en esta librería.
FastComments
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.