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 безпосередньо, якщо ви передаєте зворотні виклики тощо. Натомість вам слід визначати
config через computed(), інакше щоразу, коли викликається ваш зворотний виклик тощо, весь віджет буде повторно відрендерено.
Усі віджети та документація
Запустіть локальну документацію:
npm run serveFastComments
FastComments
Ця документація містить кілька прикладів того, як використовувати FastComments з Vue3.
Для повного списку параметрів конфігурації див. fastcomments-typescript та нашу документацію.
Потрібна допомога?
Якщо ви зіткнулися з будь-якими проблемами або маєте питання щодо бібліотеки Vue 3, будь ласка:
Участь у проєкті
Внески вітаються! Будь ласка, відвідайте репозиторій GitHub для ознайомлення з правилами внеску.