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 следующим образом. Компонент отслеживает изменения в объекте конфигурации и будет перезагружаться, поэтому вы можете просто обновить настройки "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.
В продакшене
Вам, вероятно, не стоит определять конфигурацию inline, если вы передаёте колбэки и т. п. Вместо этого вам следует определить
конфигурацию в блоке computed, иначе каждый раз, когда будет вызываться ваш колбэк и т. п., весь виджет будет перерисовываться.
Нужна помощь?
Если вы столкнулись с проблемами или у вас есть вопросы по поводу Vue 2 Library, пожалуйста:
Вклад
Вклады приветствуются! Пожалуйста, посетите репозиторий на GitHub для правил внесения вклада.