Add Comments to Your Vue 2 App
Это официальная библиотека Vue 2 для FastComments.
Виджеты комментариев FastComments для Vue 2
Репозиторий
Живая демонстрация 
Чтобы увидеть все виджеты и потоки, запущенные локально против публичного demo тенанта, клонируйте репозиторий и запустите:
npm install
npm run serveОтдельные демонстрации также имеют собственные точки входа (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) в папке dev/.
Установка
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueИспользование
Виджет комментариев
Компонент FastCommentsVue содержит рабочий виджет комментариев FastComments.
Замените "demo" ниже на ваш "tenantId" - доступный здесь в панели администратора FastComments.
Виджет поддерживает множество опций - смотрите FastCommentsConfig здесь.
<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';
export default Vue.extend({
name: 'ServeDev',
components: {
FastCommentsVue
}
});
</script>
<template>
<div id="app">
<fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
</div>
</template>Обновление текущей страницы (пример SPA)
В FastComments идентификатор статьи или страницы, к которой привязаны комментарии, называется URL ID, так как это может быть url или идентификатор. Определяйте URL ID следующим образом. Компонент отслеживает изменения в объекте config и перезагрузится, поэтому вы можете просто обновить настройки "url" и "urlId".
См. полный рабочий пример здесь.
Запустите пример пагинации командой:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Регион аккаунта (ВНИМАНИЕ: клиенты из ЕС)
Если ваш аккаунт расположен в ЕС, установите region = 'eu' в конфигурации виджета, например:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />В противном случае задавать region не обязательно.
В рабочей среде
Вероятно, вы не захотите определять config inline, если передаёте callbacks и т. п. Вместо этого стоит определить config в блоке computed, иначе каждый раз при вызове вашего callback и т. п. весь виджет будет перерисовываться.
Статус обслуживания
Эти компоненты являются обёртками вокруг наших основных компонентов VanillaJS. Мы можем автоматически обновлять эти компоненты (исправлять ошибки, добавлять возможности) без публикации этой библиотеки, поэтому то, что она может какое‑то время не публиковаться, не означает, что FastComments не находится в активной разработке! Не стесняйтесь заглянуть в наш блог за обновлениями. Критические изменения API или новые возможности никогда не будут внедрены в основную библиотеку без повышения версии этой библиотеки.
Нужна помощь?
Если вы столкнулись с проблемами или у вас есть вопросы по библиотеке Vue 2, пожалуйста:
Вклад
Вклады приветствуются! Пожалуйста, посетите репозиторий на GitHub для руководства по внесению вклада.