FastComments Vue 2 Library
Dette er det officielle Vue 2-bibliotek for FastComments.
FastComments' kommenterings-widgets til Vue 2
Repository
Installation 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueBrug
Kommentar-widgeten
FastCommentsVue-komponenten indeholder den live FastComments-kommentar-widget.
Erstat "demo" nedenfor med din "tenantId" - tilgængelig her i FastComments administrationsområdet.
Widgeten understøtter mange muligheder - se FastCommentsConfig her.
<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';
export default Vue.extend({
name: 'ServeDev',
components: {
FastCommentsVue
}
});
</script>
<template>
<div id="app">
<fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
</div>
</template>Opdatering af den aktuelle side (SPA-eksempel)
I FastComments kalder vi artikel-id'et, eller den side som kommentarerne knyttes til, for URL ID, da det kan være en url eller et ID. Definér URL ID på følgende måde. Komponenten overvåger ændringer i config object, og vil genindlæse, så du kan blot opdatere indstillingerne "url" og "urlId".
Se et fuldt fungerende eksempel her.
Kør pagination-eksemplet via:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Kontoområde (OPMÆRKSOMHED: EU-kunder)
Hvis din konto er placeret i EU, sæt region = 'eu' i widget-konfigurationen, for eksempel:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Ellers behøver du ikke at definere region.
I produktion
Du vil sandsynligvis ikke ønske at definere config inline, hvis du videregiver callbacks osv. I stedet vil du definere
config i en computed-blok, ellers vil hele widget'en blive gengivet på ny hver gang din callback osv. bliver kaldt.
Brug for hjælp?
Hvis du støder på problemer eller har spørgsmål om Vue 2-biblioteket, så:
Bidrag
Bidrag er velkomne! Besøg venligst GitHub-repositoriet for retningslinjer for bidrag.