FastComments Vue 3 Library
Questa è la libreria ufficiale Vue 3 per FastComments.
Widget di commenti FastComments per Vue 3
Repository
Installazione 
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUtilizzo
Il widget dei commenti
Il componente FastCommentsVueNext contiene il widget dei commenti FastComments in tempo reale.
Sostituisci "demo" di seguito con il tuo "tenantId" - disponibile qui nell'area di amministrazione di FastComments.
Il widget supporta numerose opzioni - vedi FastCommentsConfig qui.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Aggiornamento della pagina corrente (Esempio SPA)
In FastComments chiamiamo l'id dell'articolo, o della pagina a cui i commenti sono legati, l'URL ID poiché può essere un url o un ID. Definisci l'URL ID nel modo seguente. Il componente osserva le modifiche nell'oggetto config, e si ricaricherà, quindi puoi aggiornare l'URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Regione dell'account (ATTENZIONE: Clienti UE)
Se il tuo account si trova nell'UE, imposta region = 'eu' nella configurazione del widget, per esempio:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Altrimenti, non è necessario definire region.
In produzione
Probabilmente non vuoi definire la config inline se stai passando callback ecc. Invece, vorrai definire
la config tramite computed(), altrimenti ogni volta che il tuo callback ecc. viene invocato l'intero widget verrà ri-renderizzato.
Tutti i widget e la documentazione
Esegui la documentazione locale:
npm run serveFastComments
FastComments
Questa documentazione contiene alcuni esempi di come utilizzare FastComments con Vue3.
Per l'elenco completo delle opzioni di configurazione, consulta fastcomments-typescript e la nostra documentazione.
Hai bisogno di aiuto?
Se riscontri problemi o hai domande sulla libreria Vue 3, per favore:
Contribuire
I contributi sono benvenuti! Visita il repository GitHub per le linee guida sui contributi.