Добавете коментари към вашето Vue 3 приложение
Това е официалната библиотека за Vue 3 на FastComments.
Вградете уиджети за живи коментари, чат и рецензии в приложението си на Vue.
Хранилище
AI кодиращи агенти 
Дайте на вашия кодиращ агент контекста на FastComments, който му е необходим – уиджети, конфигурация, Secure SSO, REST API и SDK‑те:
npx skills add fastcomments/skillsРаботи с Claude Code, Codex, Cursor, Copilot, Gemini и всеки друг агент, който поддържа skills CLI поддръжка.
Демонстрация на живо
Изпробвайте всяко уиджет на живо на 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 с Vue3.
За пълен списък с опции за конфигурация, вижте fastcomments-typescript и нашата документация.
Нужна помощ?
Ако срещнете проблеми или имате въпроси относно библиотеката Vue 3, моля:
Принос
Приносите са добре дошли! Моля посетете репозитория в GitHub за указания относно приноса.