Add Comments to Your Vue 3 App
Ceci est la bibliothèque officielle Vue 3 de FastComments.
Intégrez des widgets de commentaires en direct, de clavardage et de revue dans votre application Vue.
Dépôt
Démonstration en direct 
Essayez chaque widget en direct sur https://fastcomments.com/commenting-system-for-vue.
Présentation en direct
Pour voir tous les widgets et flux s'exécuter localement contre le locataire public demo, clonez le dépôt et exécutez :
npm install
npm run devLe point d'entrée de la démonstration se trouve dans src/App.vue et index.html — chaque widget/flux est rendu dans la même application 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 - consultez 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'id de l'article, ou la page à laquelle les commentaires sont rattachés, le URL ID car cela peut être une url ou un ID. Définissez le URL ID de la manière suivante. Le composant surveille les modifications de l'objet config, et se rechargera, donc vous pouvez mettre à jour le 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 voudrez probablement pas définir la configuration en ligne si vous passez des callbacks, etc. À la place, vous voudrez définir
la configuration via computed(), sinon, à chaque fois que votre callback, etc. est invoqué, tout le widget sera re-rendu.
Tous les widgets et la documentation
Exécuter la documentation locale :
npm run serveÉtat 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 n'est pas 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 blogue pour des 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 du numéro de version de cette bibliothèque.
FastComments
FastComments
Cette documentation contient quelques exemples de la façon d'utiliser 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 au sujet de la bibliothèque Vue 3, veuillez :
Contribuer
Les contributions sont les bienvenues ! Veuillez consulter le dépôt GitHub pour les directives de contribution.