Add Comments to Your Vue 2 App
Ceci est la bibliothèque officielle Vue 2 pour FastComments.
Widgets de commentaires FastComments pour Vue 2
Dépôt
Démonstration en direct 
Pour voir tous les widgets et flux s'exécutant localement contre le locataire public demo, clonez le dépôt et exécutez :
npm install
npm run serveLes démos individuelles ont également leurs propres points d'entrée (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) sous dev/.
Installation
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueUtilisation
Le widget de commentaires
Le composant FastCommentsVue contient le widget de commentaires FastComments en direct.
Remplacez "demo" ci-dessous par votre "tenantId" - disponible ici dans la zone d'administration FastComments.
Le widget prend en charge de nombreuses options - consultez FastCommentsConfig ici.
<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>Mise à jour de la page actuelle (exemple SPA)
Dans FastComments nous appelons l'identifiant de l'article, ou la page à laquelle les commentaires sont liés, l'URL ID car il peut s'agir d'une URL ou d'un identifiant. Définissez l'URL ID de la manière suivante. Le composant surveille les modifications de l'objet config et se rechargera, vous pouvez donc simplement mettre à jour les paramètres "url" et "urlId".
Voir un exemple complet et fonctionnel ici.
Exécutez l'exemple de pagination avec :
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Région du compte (ATTENTION : clients de l'UE)
Si votre compte est situé dans l'UE, définissez region = 'eu' dans la configuration du widget, par exemple :
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Dans le cas contraire, vous n'avez pas besoin de définir region.
En production
Vous ne voulez probablement pas définir la configuration en ligne si vous passez des callbacks, etc. À la place, vous devriez définir
la configuration dans un bloc computed, sinon chaque fois que votre callback, etc., sera invoqué, l'ensemble du widget sera rendu à nouveau.
Statut de maintenance
Ces composants sont des wrappers autour de nos composants VanillaJS principaux. Nous pouvons mettre à jour automatiquement ces composants (corriger des bugs, ajouter des fonctionnalités) sans publier cette bibliothèque, donc même si elle peut ne pas être publiée pendant un certain temps, cela ne signifie pas que FastComments n'est pas en développement actif ! N'hésitez pas à consulter notre blog pour les mises à jour. Les changements de rupture de l'API ou les nouvelles fonctionnalités ne seront jamais intégrés à la bibliothèque de base sous-jacente sans un changement de version de cette bibliothèque.
Besoin d'aide ?
Si vous rencontrez des problèmes ou avez des questions concernant la bibliothèque Vue 2, veuillez :
Contribuer
Les contributions sont les bienvenues ! Veuillez consulter le dépôt GitHub pour les directives de contribution.