Add Comments to Your Vue 3 App
Questa è la libreria ufficiale Vue 3 per FastComments.
Incorpora widget per commenti in tempo reale, chat e recensioni nella tua app Vue.
Repository
Demo dal vivo 
Prova ogni widget dal vivo su https://fastcomments.com/commenting-system-for-vue.
Vetrina dal vivo
Per vedere tutti i widget e i flow in esecuzione localmente contro il tenant pubblico demo, clona il repository ed esegui:
npm install
npm run devIl punto di ingresso della showcase si trova in src/App.vue e index.html — ogni widget/flow viene renderizzato nella stessa app che puoi copiare nel tuo progetto Vue 3.
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 serveStato di manutenzione
Questi componenti sono wrapper attorno ai nostri componenti core VanillaJS. Possiamo aggiornare automaticamente questi componenti (correggere bug, aggiungere funzionalità) senza pubblicare questa libreria, quindi anche se potrebbe non essere pubblicata per un po' ciò non significa che FastComments non sia in sviluppo attivo! Sentiti libero di consultare il nostro blog per aggiornamenti. Le modifiche incompatibili all'API o le nuove funzionalità non verranno mai rilasciate nella libreria core sottostante senza un aumento di versione in questa libreria.
FastComments
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.