Add Comments to Your Vue 3 App
Dit is de officiële Vue 3-bibliotheek voor FastComments.
Voeg live reacties, chat- en beoordelingswidgets toe aan je Vue-app.
Repository
Live-demo 
Probeer elke widget live op https://fastcomments.com/commenting-system-for-vue.
Live-presentatie
Om elke widget en flow lokaal te zien draaien tegen de publieke demo tenant, kloon de repo en voer:
npm install
npm run devHet toegangspunt van de showcase bevindt zich in src/App.vue en index.html — elke widget/flow wordt gerenderd in dezelfde app die je naar je eigen Vue 3-project kunt kopiëren.
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 serveOnderhoudsstatus
Deze componenten zijn wrappers rond onze core VanillaJS-componenten. We kunnen deze componenten automatisch bijwerken (bugs oplossen, functies toevoegen) zonder deze bibliotheek te publiceren, dus hoewel deze mogelijk een tijdje niet gepubliceerd wordt, betekent dat niet dat FastComments niet onder actieve ontwikkeling is! Bekijk gerust onze blog voor updates. Brekende API-wijzigingen of functies zullen nooit naar de onderliggende core-bibliotheek worden uitgebracht zonder een versienummerverhoging in deze bibliotheek.
FastComments
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.