Add Comments to Your Vue 2 App
Dette er det officielle Vue 2-bibliotek for FastComments.
FastComments' kommenterings-widgets til Vue 2
Repository
Live-demo 
For at se alle widgets og flows, der kører lokalt mod den offentlige demo-tenant, klon repoen og kør:
npm install
npm run serveIndividuelle demoer har også deres egne startpunkter (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) under dev/.
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.
Vedligeholdelsesstatus
Disse komponenter er indpakninger omkring vores kerne VanillaJS-komponenter. Vi kan automatisk opdatere disse komponenter (rette fejl, tilføje funktioner) uden at publicere dette bibliotek, så selvom det måske ikke publiceres i et stykke tid, betyder det ikke, at FastComments ikke er under aktiv udvikling! Du er velkommen til at tjekke vores blog for opdateringer. Inkompatible API-ændringer eller nye funktioner vil aldrig blive udgivet i det underliggende kernebibliotek uden en versionsforhøjelse i dette bibliotek.
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.