FastComments.com
Menu Icon

Jezik 🇷🇸 Srpski (Latinica)
🇺🇸 English 🇧🇬 Български 🇨🇳 简体中文 🇹🇼 繁體中文 🇭🇷 Hrvatski 🇩🇰 Dansk 🇳🇱 Nederlands 🇫🇷 Français (France) 🇩🇪 Deutsch 🇬🇷 Ελληνικά 🇮🇱 עברית 🇮🇹 Italiano 🇯🇵 日本語 🇰🇷 한국어 🇵🇱 Polski 🇧🇷 Português (Brasil) 🇷🇺 Русский 🇷🇸 Srpski (Latinica) 🇷🇸 Српски 🇸🇮 Slovenščina 🇪🇸 Español 🇺🇦 Українська 🇹🇷 Türkçe

Dokumentacija

AI agenti za kodiranje
Uživo prikaz
U produkciji
Status održavanja

Početak

Instalacija

Upotreba

Upotreba
Ažuriranje trenutne stranice (SPA primer)

Dodajte komentare u svoju Vue 2 aplikaciju

Ovo je zvanična Vue 2 biblioteka za FastComments.

Ugradite vidžete za komentare u realnom vremenu, chat i recenzije u vašu Vue 2 aplikaciju.

Repozitorijum

Pogledajte na GitHub-u

AI agenti za kodiranje Internal Link

skills.sh

Dajte svom programskom agentu FastComments kontekst koji mu je potreban - widgets, configuration, Secure SSO, the REST API, and the SDKs:

npx skills add fastcomments/skills

Radi sa Claude Code, Codex, Cursor, Copilot, Gemini, i svakim drugim agentom koji podržava skills CLI.

Uživo prikaz Internal Link

Da biste videli svaki widget i flow koji rade lokalno protiv javnog demo tenanta, klonirajte repozitorijum i pokrenite:

npm install
npm run serve

Pojedinačni demo primeri takođe imaju svoje ulazne tačke (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) u dev/.

Instalacija Internal Link

npm

NPM

npm install --save fastcomments-vue

Yarn

yarn add fastcomments-vue

Upotreba Internal Link

Widget za komentare

Komponenta FastCommentsVue sadrži widget za komentare FastComments uživo.

Zamenite "demo" ispod sa svojim "tenantId" - dostupan je ovde u administratorskom delu FastComments-a.

Widget podržava mnogo opcija - pogledajte FastCommentsConfig ovde.

<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';

export default Vue.extend({
  name: 'ServeDev',
  components: {
    FastCommentsVue
  }
});
</script>

<template>
  <div id="app">
    <fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
  </div>
</template>

Ažuriranje trenutne stranice (SPA primer) Internal Link

U FastComments nazivamo ID članka, odnosno stranice na koju su komentari vezani, URL ID jer to može biti url ili ID. Definišite URL ID na sledeći način. Komponenta nadgleda promene u objektu config i ponovo će se učitati, tako da možete samo ažurirati podešavanja "url" i "urlId".

Pogledajte kompletan radni primer ovde.

Pokrenite primer paginacije pomoću:

npm run serve-pagination
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />

Account Region (PAŽNJA: kupci iz EU)

Ako je vaš nalog smešten u EU, postavite region = 'eu' u konfiguraciji widgeta, na primer:

<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />

U suprotnom, ne morate definisati region.

U produkciji Internal Link

Verovatno ne želite da definišete config inline ako prosleđujete callbacks itd. Umesto toga, želećete da definišete config u computed bloku, inače će se ceo widget svaki put kad se vaš callback itd. pozove ponovo renderovati.

Pogledajte primer spinner-a kako to uraditi.

Status održavanja Internal Link

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 vreme, to ne znači da FastComments nije u aktivnom razvoju! Slobodno pogledajte naš blog za ažuriranja. Promene koje narušavaju kompatibilnost API-ja ili nove funkcionalnosti nikada neće biti isporučene u osnovnu biblioteku bez povećanja verzije u ovoj biblioteci.

Trebate pomoć?

Ako naiđete na bilo kakve probleme ili imate pitanja u vezi Vue 2 biblioteke, molimo:

Doprinosi

Doprinosi su dobrodošli! Posetite GitHub repozitorijum za smernice o doprinosu.

Doprinesite ovom vodiču