Dodajte komentare u vašu Vue 3 aplikaciju
Ово је званична Vue 3 библиотека за FastComments.
Уградите видгете за коментарисање уживо, ћаскање и рецензије у вашу Vue апликацију.
Репозиторијум
AI agenti za kodiranje 
Дајте вашем агенту за кодирање FastComments контекст који му је потребан - виџети, конфигурација, Secure SSO, REST API и SDK‑ови:
npx skills add fastcomments/skillsРади са Claude Code, Codex, Cursor, Copilot, Gemini и свим осталим агентима које подржава skills CLI подржава.
Demo uživo
Isprobajte svaki widget uživo na https://fastcomments.com/commenting-system-for-vue/.
Prikaz uživo
Да бисте видели све видгете и флоу-ове који се локално покрећу против јавног demo tenant-а, клонирајте репозиторијум и покрените:
npm install
npm run devУлазна тачка демонстрације налази се у src/App.vue и index.html — сваки видгет/флоу се рендерује у истој апликацији коју можете копирати у свој Vue 3 пројекат.
Instalacija
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUpotreba
Коментар видгет
Компонента 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>Ažuriranje trenutne stranice (SPA primer)
У 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.
U produkciji
Вероватно нећете желети да дефинишете конфигурацију инлајн ако прослеђујете колбеке итд. Уместо тога, желећете да дефинишете
конфигурацију помоћу computed(), иначе ће се при сваком позиву вашег колбека итд. цео видгет поново рендеровати.
Svi vidžeti i dokumentacija
Pokrenite lokalnu dokumentaciju:
npm run serveStatus održavanja
Ове компоненте су омотачи око наших основних VanillaJS компоненти. Можемо аутоматски ажурирати ове компоненте (поправљати грешке, додавати функције) без објављивања ове библиотеке, тако да, иако можда неће бити објављена неко време, то не значи да FastComments није у активном развоју! Слободно погледајте наш блог за ажурирања. Промене у API-ју које нарушавају компатибилност или нове функције никада неће бити послате у основну библиотеку без повећања верзије у овој библиотеци.
FastComments
Ова документација садржи неколико примера како користити FastComments са Vue3.
За потпуни списак опција конфигурације, погледајте fastcomments-typescript и нашу документацију.
Потребна помоћ?
Ако наиђете на било какве проблеме или имате питања у вези са Vue 3 библиотеком, молимо вас:
Допринес
Доприноси су добродошли! Молимо вас да посетите GitHub репозиторијум за смернице за допринос.