FastComments Vue 3 Library
Това е официалната библиотека за Vue 3 на FastComments.
Уиджети за коментари на FastComments за Vue 3
Хранилище
Инсталиране 
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextИзползване
Уиджетът за коментари
Компонентът FastCommentsVueNext съдържа живия уиджет за коментари на FastComments.
Заменете "demo" по-долу с вашия "tenantId" - наличен тук в администраторския панел на FastComments.
Уиджетът поддържа много опции - вижте FastCommentsConfig тук.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Актуализиране на текущата страница (пример с SPA)
В FastComments наричаме идентификатора на статията или страницата, към която са прикрепени коментарите, URL ID, тъй като може да бъде URL или ID. Определете URL ID по следния начин. Компонентът наблюдава промените в обекта config и ще презареди, така че можете да актуализирате URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Регион на акаунта (ВНИМАНИЕ: клиенти от ЕС)
Ако вашият акаунт се намира в ЕС, задайте region = 'eu' в конфигурацията на уиджета, например:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />В противен случай не е нужно да дефинирате region.
В продукция
Вероятно не искате да дефинирате config inline ако подавате callbacks и т.н. Вместо това ще искате да дефинирате
config чрез computed(), в противен случай всеки път когато вашият callback и т.н. бъде извикан целият widget ще се рендерира отново.
Всички джаджи и документация
Стартирайте локалната документация:
npm run serveFastComments
FastComments
Тази документация съдържа няколко примера за това как да използвате FastComments с Vue3.
За пълен списък с опции за конфигуриране, вижте fastcomments-typescript и нашата документация.
Нужна помощ?
Ако срещнете проблеми или имате въпроси относно библиотеката Vue 3, моля:
Принос
Приносите са добре дошли! Моля посетете репозитория в GitHub за указания относно приноса.