FastComments Vue 2 Library
Это официальная библиотека Vue 2 для FastComments.
Виджеты комментариев FastComments для Vue 2
Репозиторий
Установка 
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 и т. п. весь виджет будет перерисовываться.
Нужна помощь?
Если вы столкнулись с проблемами или у вас есть вопросы по библиотеке Vue 2, пожалуйста:
Вклад
Вклады приветствуются! Пожалуйста, посетите репозиторий на GitHub для руководства по внесению вклада.