FastComments Vue 3 Library
Dit is de officiële Vue 3-bibliotheek voor FastComments.
FastComments-commentwidgets voor Vue 3
Repository
Installatie 
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextGebruik
De Reactie-widget
De FastCommentsVueNext-component bevat de live FastComments-reactie-widget.
Vervang hieronder "demo" door uw "tenantId" - beschikbaar hier in het FastComments-beheergebied.
De widget ondersteunt veel opties - zie FastCommentsConfig hier.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>De huidige pagina bijwerken (SPA-voorbeeld)
In FastComments noemen we de artikel-id, of de pagina waaraan de reacties gekoppeld zijn, de URL ID, omdat dit een URL of een ID kan zijn. Definieer de URL ID op de volgende manier. De component houdt wijzigingen in het config-object in de gaten en zal opnieuw laden, dus u kunt de URL ID bijwerken.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Accountregio (LET OP: EU-klanten)
Als uw account zich in de EU bevindt, stel in de widgetconfiguratie region = 'eu' in, bijvoorbeeld:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Anders hoeft u region niet te definiëren.
In productie
Je wilt de config waarschijnlijk niet inline definiëren als je callbacks enz. doorgeeft. In plaats daarvan wil je de
config definiëren via computed(), anders zal telkens wanneer je callback enz. wordt aangeroepen de hele widget opnieuw renderen.
Alle widgets en documentatie
Start de lokale documentatie:
npm run serveFastComments
FastComments
Deze documentatie bevat een paar voorbeelden van hoe je FastComments met Vue3 kunt gebruiken.
Voor een volledige lijst met configuratieopties, zie fastcomments-typescript en onze documentatie.
Hulp nodig?
Als je problemen tegenkomt of vragen hebt over de Vue 3-bibliotheek, gelieve:
Bijdragen
Bijdragen zijn welkom! Bezoek de GitHub repository voor richtlijnen voor bijdragen.