Add Comments to Your Vue 3 App
Това е официалната библиотека за Vue 3 на FastComments.
Вградете уиджети за живи коментари, чат и рецензии в приложението си на Vue.
Хранилище
Демо на живо 
Опитайте всеки уиджет на живо на https://fastcomments.com/commenting-system-for-vue.
Живо представяне
За да видите всеки widget и flow, работещ локално срещу публичния demo tenant, клонирайте репото и стартирайте:
npm install
npm run devТочката за вход на демонстрацията се намира в src/App.vue и index.html — всеки widget/flow се рендира в същото приложение, което можете да копирате във вашия собствен 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 inline ако подавате callbacks и т.н. Вместо това ще искате да дефинирате
config чрез computed(), в противен случай всеки път когато вашият callback и т.н. бъде извикан целият widget ще се рендерира отново.
Всички уиджети и документация
Стартирайте локалната документация:
npm run serveСтатус на поддръжката
Тези компоненти са обвивки около нашите основни VanillaJS компоненти. Можем автоматично да обновяваме тези компоненти (коригираме бъгове, добавяме функции) без да публикуваме тази библиотека, така че макар тя да не бъде публикувана за известно време, това не означава, че FastComments не е в активно развитие! Не се колебайте да разгледате нашия блог за актуализации. Промени, които нарушават API-то или нови функции, никога няма да бъдат пускани в основната библиотека без повишение на версията в тази библиотека.
FastComments
FastComments
Тази документация съдържа няколко примера за това как да използвате FastComments с Vue3.
За пълен списък с опции за конфигуриране, вижте fastcomments-typescript и нашата документация.
Нужна помощ?
Ако срещнете проблеми или имате въпроси относно библиотеката Vue 3, моля:
Принос
Приносите са добре дошли! Моля посетете репозитория в GitHub за указания относно приноса.