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 ми називаємо id статті або сторінки, до якої прив'язані коментарі, URL ID, оскільки це може бути url або ID. Визначте 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.
У продакшені
Швидше за все, ви не захочете визначати конфігурацію вбудовано (inline), якщо ви передаєте зворотні виклики тощо. Натомість вам слід визначити
конфігурацію в блоці computed, інакше щоразу, коли викликається ваш зворотний виклик тощо, весь віджет буде перерендерений.
Потрібна допомога?
Якщо у вас виникли будь-які проблеми або є питання щодо Vue 2 Library, будь ласка:
Як зробити внесок
Внески вітаються! Будь ласка, відвідайте репозиторій на GitHub для отримання інструкцій щодо внесків.