Add Comments to Your Vue 2 App
Esta es la librería oficial de Vue 2 para FastComments.
Widgets de comentarios de FastComments para Vue 2
Repositorio
Demostración en vivo 
Para ver todos los widgets y flujos ejecutándose localmente contra el tenant público demo, clona el repositorio y ejecuta:
npm install
npm run serveLas demos individuales también tienen sus propios puntos de entrada (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) en dev/.
Instalación
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueUso
El widget de comentarios
El componente FastCommentsVue contiene el widget de comentarios en vivo de FastComments.
Reemplaza "demo" abajo por tu "tenantId" - disponible aquí en el área de administración de FastComments.
El widget admite muchas opciones - consulta FastCommentsConfig aquí.
<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>Actualizando la página actual (ejemplo de SPA)
En FastComments llamamos al id del artículo, o a la página a la que se vinculan los comentarios, el URL ID ya que puede ser una url o un ID. Define el URL ID de la siguiente manera. El componente vigila los cambios en el objeto config, y se recargará, así que puedes simplemente actualizar los ajustes "url" y "urlId".
See a full working example here.
Run the pagination example via:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Región de la cuenta (ATENCIÓN: clientes de la UE)
If your account is located in the EU, set region = 'eu' in the widget configuration, for example:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Otherwise, you do not have to define region.
En producción
Probablemente no quieras definir el config en línea si estás pasando callbacks, etc. En su lugar, querrás definir
el config en un bloque computed, de lo contrario cada vez que se invoque tu callback, etc., todo el widget se volverá a renderizar.
Estado de mantenimiento
Estos componentes son envoltorios alrededor de nuestros componentes centrales de VanillaJS. Podemos actualizar automáticamente estos componentes (corregir errores, añadir funciones) sin publicar esta biblioteca, así que aunque puede que no se publique por un tiempo eso no significa que FastComments no esté en desarrollo activo. No dudes en consultar nuestro blog para actualizaciones. Los cambios de API incompatibles o las nuevas funcionalidades nunca se enviarán a la biblioteca central subyacente sin un incremento de versión en esta biblioteca.
¿Necesita ayuda?
Si encuentra algún problema o tiene preguntas sobre la biblioteca de Vue 2, por favor:
Contribuir
¡Las contribuciones son bienvenidas! Visite el repositorio de GitHub para las pautas de contribución.