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 disposent également de 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 l'espace 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'ID d'article, ou la page à laquelle les commentaires sont rattachés, l'ID d'URL car il peut s'agir d'une URL ou d'un ID. Définissez l'ID d'URL de la manière suivante. Le composant surveille les modifications de l'objet de configuration et se rechargera, vous pouvez donc simplement mettre à jour les paramètres "url" et "urlId".
Voir un exemple complet fonctionnel ici.
Exécutez l'exemple de pagination via :
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'}" />Sinon, vous n'avez pas à définir region.
En production
Vous ne voudrez probablement pas définir la configuration en ligne si vous passez des callbacks, etc. Au lieu de cela, définissez la configuration dans un bloc computed; sinon, chaque fois que votre callback, etc. est invoqué, l'ensemble du widget sera entièrement re-rendu.
Statut de maintenance
Ces composants sont des wrappers autour de nos composants VanillaJS de base. Nous pouvons mettre à jour automatiquement ces composants (corriger des bogues, ajouter des fonctionnalités) sans publier cette bibliothèque, donc le fait qu'elle ne soit pas publiée pendant un certain temps ne signifie pas que FastComments n'est pas en développement actif ! N'hésitez pas à consulter notre blogue pour les mises à jour. Les changements d'API incompatibles ou les nouvelles fonctionnalités ne seront jamais intégrés à la bibliothèque principale sous-jacente sans une augmentation de version dans 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 consignes de contribution.