Add Comments to Your Vue 3 App
Ово је званична Vue 3 библиотека за FastComments.
Уградите живо коментарисање, чет и видгете за рецензије у вашу Vue апликацију.
Репозиторијум
Демонстрација уживо 
Isprobajte svaki widget uživo na https://fastcomments.com/commenting-system-for-vue.
Приказ уживо
Да бисте видели све виџете и токове који се покрећу локално против јавног demo тенанта, клонирајте репозиторијум и покрените:
npm install
npm run devУлазна тачка приказа се налази у src/App.vue и index.html — сваки виџет/ток се рендерује у истој апликацији коју можете копирати у свој Vue 3 пројекат.
Инсталација
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextУпотреба
Vidžet za komentare
Komponenta FastCommentsVueNext sadrži uživo FastComments vidžet za komentare.
Zamijenite "demo" ispod sa svojim "tenantId" - dostupan ovdje u FastComments administratorskom području.
Vidžet podržava mnogo opcija - pogledajte FastCommentsConfig ovdje.
<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(), у супротном сваки пут када се ваше повратне функције итд позову цео видгет ће се поново рендеровати.
Сви виџети и документација
Покрените локалну документацију:
npm run serveСтатус одржавања
Ове компоненте су омотачи око наших основних VanillaJS компоненти. Можемо аутоматски ажурирати ове компоненте (исправљати багове, додавати функције) без објављивања ове библиотеке, тако да, иако можда неће бити објављена неко вријеме, то не значи да FastComments није у активном развоју! Слободно погледајте наш блог за ажурирања. Промјене API-ја које нарушавају уназадну компатибилност или нове функције никада неће бити послате у основну библиотеку без повећања верзије у овој библиотеци.
FastComments
FastComments
Ova dokumentacija sadrži nekoliko primera kako koristiti FastComments sa Vue3.
Za potpuni spisak opcija konfiguracije, pogledajte fastcomments-typescript i našu dokumentaciju.
Треба помоћ?
Ако наиђете на било какве проблеме или имате питања у вези са Vue 3 Library, молимо вас:
Допринос
Доприноси су добродошли! Молимо посетите GitHub репозиторијум за смернице о доприносу.