FastComments Vue 3 Library
To oficjalna biblioteka Vue 3 dla FastComments.
Widżety komentarzy FastComments dla Vue 3
Repozytorium
Instalacja 
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUżycie
Widżet komentarzy
Komponent FastCommentsVueNext zawiera widżet komentarzy FastComments działający na żywo.
Zamień "demo" poniżej na swój "tenantId" - dostępny tutaj w obszarze administracyjnym FastComments.
Widżet obsługuje wiele opcji - zobacz FastCommentsConfig tutaj.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Aktualizacja bieżącej strony (przykład SPA)
W FastComments identyfikator artykułu lub strony, do której przypisywane są komentarze, nazywamy URL ID, ponieważ może to być zarówno adres URL, jak i identyfikator. Zdefiniuj URL ID w następujący sposób. Komponent nasłuchuje zmian w obiekcie config i przeładuje się, więc możesz zaktualizować URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Account Region (ATTENTION: EU Customers)
Jeśli Twoje konto znajduje się w UE, ustaw region = 'eu' w konfiguracji widgeta, na przykład:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />W przeciwnym razie nie musisz definiować region.
W środowisku produkcyjnym
Prawdopodobnie nie chcesz definiować konfiguracji bezpośrednio, jeśli przekazujesz funkcje zwrotne itp. Zamiast tego będziesz chciał zdefiniować
konfigurację za pomocą computed(), w przeciwnym razie za każdym razem, gdy twoja funkcja zwrotna itp. zostanie wywołana, cały widżet zostanie ponownie wyrenderowany.
Wszystkie widżety i dokumentacja
Uruchom dokumentację lokalnie:
npm run serveFastComments
FastComments
Niniejsza dokumentacja zawiera kilka przykładów, jak używać FastComments z Vue3.
Pełną listę opcji konfiguracyjnych znajdziesz w fastcomments-typescript i naszej dokumentacji.
Potrzebujesz pomocy?
Jeśli napotkasz jakiekolwiek problemy lub masz pytania dotyczące biblioteki Vue 3, prosimy:
Wkład
Wkład jest mile widziany! Odwiedź repozytorium GitHub aby zapoznać się z wytycznymi dotyczącymi wkładu.