FastComments Vue 3 Library
Ceci est la bibliothèque officielle Vue 3 pour FastComments.
Widgets de commentaires FastComments pour Vue 3
Dépôt
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 serveFastComments
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.