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" — доступен here в административной панели FastComments.
Виджет поддерживает множество опций — смотрите FastCommentsConfig here.
<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, если вы передаёте обратные вызовы и т. п.
Вместо этого стоит определить config через computed(), иначе каждый раз при вызове вашего обратного вызова и т. п. весь виджет будет перерисовываться.
Все виджеты и документация
Запустите локальную документацию:
npm run serveFastComments
FastComments
Эта документация содержит несколько примеров того, как использовать FastComments с Vue3.
Для полного списка параметров конфигурации смотрите fastcomments-typescript и нашу документацию.
Нужна помощь?
Если вы столкнётесь с какими-либо проблемами или у вас есть вопросы по библиотеке Vue 3, пожалуйста:
Внесение вклада
Вклады приветствуются! Пожалуйста, посетите репозиторий GitHub для ознакомления с правилами внесения вклада.