FastComments Vue 3 Library
Dette er det officielle Vue 3-bibliotek til FastComments.
FastComments kommenteringswidgets til Vue 3
Arkiv
Installation 
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextBrug
Kommentar-widgeten
FastCommentsVueNext-komponenten indeholder den live FastComments kommentar-widget.
Erstat "demo" nedenfor med din "tenantId" - tilgængelig her i FastComments' administrationsområde.
Widgeten understøtter mange indstillinger - se FastCommentsConfig her.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Opdatering af den aktuelle side (SPA-eksempel)
I FastComments kalder vi artikel-id'et, altså den side som kommentarerne er knyttet til, for URL ID, eftersom det kan være en URL eller et ID. Definér URL ID på følgende måde. Komponenten overvåger ændringer i config-objektet og vil genindlæse, så du kan opdatere URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Konto-region (OPMÆRKSOMHED: EU-kunder)
Hvis din konto er placeret i EU, sæt region = 'eu' i widget-konfigurationen, for eksempel:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Ellers behøver du ikke at definere region.
I produktion
Du vil sandsynligvis ikke definere konfigurationen inline, hvis du sender callback-funktioner osv. I stedet vil du gerne definere
konfigurationen via computed(), ellers vil hele widgeten blive renderet igen hver gang din callback osv. bliver kaldt.
Alle widgets og dokumentation
Kør den lokale dokumentation:
npm run serveFastComments
FastComments
Denne dokumentation indeholder nogle få eksempler på, hvordan man bruger FastComments med Vue3.
For en komplet liste over konfigurationsindstillinger, se fastcomments-typescript og vores dokumentation.
Brug for hjælp?
Hvis du støder på problemer eller har spørgsmål om Vue 3-biblioteket, så:
Bidrag
Bidrag er velkomne! Besøg venligst GitHub-repositoriet for retningslinjer for bidrag.