Add Comments to Your Vue 3 App
Ово је званична Vue 3 библиотека за FastComments.
Уградите видгете за коментарисање уживо, ћаскање и рецензије у вашу Vue апликацију.
Репозиторијум
Демо уживо 
Isprobajte svaki vidžet uživo na https://fastcomments.com/commenting-system-for-vue.
Приказ уживо
Да бисте видели све видгете и флоу-ове који се локално покрећу против јавног demo tenant-а, клонирајте репозиторијум и покрените:
npm install
npm run devУлазна тачка демонстрације налази се у src/App.vue и index.html — сваки видгет/флоу се рендерује у истој апликацији коју можете копирати у свој 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.
У продукцији
Вероватно нећете желети да дефинишете конфигурацију инлајн ако прослеђујете колбеке итд. Уместо тога, желећете да дефинишете
конфигурацију помоћу computed(), иначе ће се при сваком позиву вашег колбека итд. цео видгет поново рендеровати.
Сви виџети и документација
Pokrenite lokalnu dokumentaciju:
npm run serveСтатус одржавања
Ове компоненте су омотачи око наших основних VanillaJS компоненти. Можемо аутоматски ажурирати ове компоненте (поправљати грешке, додавати функције) без објављивања ове библиотеке, тако да, иако можда неће бити објављена неко време, то не значи да FastComments није у активном развоју! Слободно погледајте наш блог за ажурирања. Промене у API-ју које нарушавају компатибилност или нове функције никада неће бити послате у основну библиотеку без повећања верзије у овој библиотеци.
FastComments
FastComments
Ова документација садржи неколико примера како користити FastComments са Vue3.
За пун списак опција конфигурације, погледајте fastcomments-typescript и нашу документацију.
Trebate pomoć?
Ako naiđete na bilo kakve probleme ili imate pitanja u vezi sa Vue 3 Library, molimo:
Doprinosi
Doprinosi su dobrodošli! Molimo posetite repozitorijum na GitHub-u za smernice o doprinosu.