Add Comments to Your Vue 3 App
Dette er det officielle Vue 3-bibliotek til FastComments.
Integrer live kommentering, chat og anmeldelses-widgets i din Vue-app.
Repository
Live-demo 
Prøv alle widgets live på https://fastcomments.com/commenting-system-for-vue.
Live-præsentation
For at se alle widgets og flows køre lokalt mod den offentlige demo-tenant, klon repoet og kør:
npm install
npm run devShowcasens indgangspunkt ligger i src/App.vue og index.html — hver widget/flow gengives i den samme app, som du kan kopiere ind i dit eget Vue 3-projekt.
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 serveVedligeholdelsesstatus
Disse komponenter er wrapper-komponenter omkring vores kerne VanillaJS-komponenter. Vi kan automatisk opdatere disse komponenter (rette fejl, tilføje funktioner) uden at udgive dette bibliotek, så selvom det muligvis ikke bliver udgivet i et stykke tid, betyder det ikke, at FastComments ikke er under aktiv udvikling! Tjek gerne vores blog for opdateringer. Ingen inkompatible API-ændringer eller nye funktioner vil nogensinde blive udgivet til det underliggende kernebibliotek uden en versionsopdatering i dette bibliotek.
FastComments
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.