Add Comments to Your Vue 3 App
Il s'agit de la bibliothèque officielle Vue 3 pour FastComments.
Intégrez des widgets de commentaires en direct, de chat et de revue dans votre application Vue.
Dépôt
Démo en direct 
Essayez chaque widget en direct sur https://fastcomments.com/commenting-system-for-vue.
Présentation en direct
Pour voir chaque widget et flux s'exécuter localement contre le tenant public demo, clonez le dépôt et lancez :
npm install
npm run devLe point d'entrée de la vitrine se trouve dans src/App.vue et index.html — chaque widget/flow est rendu dans la même app que vous pouvez copier dans votre propre projet Vue 3.
Installation
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUtilisation
Le widget de commentaires
Le composant FastCommentsVueNext 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 - voir FastCommentsConfig ici.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Mise à jour de la page actuelle (exemple SPA)
Dans FastComments, nous appelons l'identifiant de l'article, ou la page à laquelle les commentaires sont attaché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 mettre à jour l'URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', 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 :
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Sinon, vous n'avez pas à définir region.
En production
Vous ne voulez probablement pas définir la config inline si vous passez des callbacks, etc. À la place, vous voudrez définir
la config via computed(), sinon chaque fois que votre callback, etc. est invoqué, l'ensemble du widget sera réaffiché.
Tous les widgets et la documentation
Exécuter la documentation locale :
npm run serveStatut 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 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 incompatibles de l'API ou les nouvelles fonctionnalités ne seront jamais intégrés à la bibliothèque sous-jacente sans une mise à jour du numéro de version de cette bibliothèque.
FastComments
FastComments
Cette documentation contient quelques exemples d'utilisation de FastComments avec Vue3.
Pour une liste complète des options de configuration, consultez fastcomments-typescript et notre documentation.
Besoin d'aide ?
Si vous rencontrez des problèmes ou avez des questions concernant la bibliothèque Vue 3, veuillez :
Contribuer
Les contributions sont les bienvenues ! Veuillez consulter le dépôt GitHub pour les consignes de contribution.