Add Comments to Your Vue 3 App
Ово је званична Vue 3 библиотека за FastComments.
Уграђујте видгете за коментаре уживо, ћаскање и рецензије у вашу Vue апликацију.
Репозиторијум
Демонстрација уживо 
Испробајте сваки видгет уживо на https://fastcomments.com/commenting-system-for-vue.
Приказ уживо
Da biste vidjeli svaki widget i flow koji se pokreću lokalno protiv javnog demo tenanta, klonirajte repozitorij i pokrenite:
npm install
npm run devUlazna tačka prikaza se nalazi u src/App.vue i index.html — svaki widget/flow se renderuje u istoj aplikaciji koju možete kopirati u svoj Vue 3 projekat.
Инсталација
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)
U FastComments-u nazivamo ID članka, odnosno stranice s kojom su komentari povezani, URL ID-jem jer može biti URL ili ID. Definišite URL ID na sljedeći način. Komponenta prati promjene u objektu config i ponovo će učitati, tako da možete ažurirati URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Regija naloga (PAŽNJA: EU korisnici)
Ako je vaš nalog smješten u EU, postavite region = 'eu' u konfiguraciji widgeta, na primjer:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />U suprotnom, ne morate definirati region.
У продукцији
Вероватно не желите дефинисати config inline ако прослеђујете callbacks итд. Уместо тога, желећете дефинисати
config преко computed(), у супротном ће се сваки пут када се ваш callback итд. позове цео widget поново рендеровати.
Сви виџети и документација
Покрените локалну документацију:
npm run serveСтатус одржавања
Ove komponente su omotači oko naših osnovnih VanillaJS komponenti. Možemo automatski ažurirati ove komponente (ispraviti greške, dodati funkcionalnosti) bez objavljivanja ove biblioteke, tako da, iako možda neće biti objavljena neko vrijeme, to ne znači da FastComments nije aktivno u razvoju! Slobodno pogledajte naš blog za ažuriranja. Promjene API-ja koje remete kompatibilnost ili nove funkcionalnosti nikada neće biti ubačene u osnovnu biblioteku bez povećanja verzije u ovoj biblioteci.
FastComments
FastComments
Ова документација садржи неколико примера како користити FastComments са Vue3.
За пун списак опција конфигурације, погледајте fastcomments-typescript и нашу документацију.
Требате помоћ?
Ако наиђете на било какве проблеме или имате питања у вези са Vue 3 Library, молимо вас:
Како допринети
Доприноси су добродошли! Посјетите GitHub репозиторијум за смернице о доприносу.