FastComments.com
Menu Icon

Jezik 🇭🇷 Hrvatski
🇺🇸 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
Živa prezentacija
U produkciji
Status održavanja

Početak

Instalacija

Upotreba

Upotreba
Ažuriranje trenutne stranice (SPA primjer)

Dodajte komentare u svoju Vue 2 aplikaciju

Ovo je službena biblioteka Vue 2 za FastComments.

Ugradite widgete za komentiranje uživo, chat i recenzije u vašu Vue 2 aplikaciju.

Repozitorij

Pogledajte na GitHubu

AI agenti za kodiranje Internal Link

skills.sh

Dajte svom programskom agentu FastComments kontekst koji mu je potreban – widgete, konfiguraciju, Secure SSO, REST API i SDK‑ove:

npx skills add fastcomments/skills

Radi s Claude Code, Codex, Cursor, Copilot, Gemini i svim ostalim agentima koje podržava skills CLI.

Živa prezentacija Internal Link

Da biste vidjeli svaki widget i flow koji se pokreće lokalno protiv javnog demo tenanta, klonirajte repo i pokrenite:

npm install
npm run serve

Pojedinačni demo primjeri također imaju svoje ulazne točke (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) pod dev/.

Instalacija Internal Link

npm

NPM

npm install --save fastcomments-vue

Yarn

yarn add fastcomments-vue

Upotreba Internal Link

Widget komentara

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

Zamijenite "demo" u nastavku sa svojim "tenantId" - dostupan ovdje u FastComments administratorskom području.

Widget podržava mnoge opcije - pogledajte FastCommentsConfig ovdje.

<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 primjer) Internal Link

U FastCommentsu nazivamo identifikator članka, odnosno stranice na koju su pripisani komentari, URL ID-om jer može biti URL ili ID. Definirajte URL ID na sljedeći način. Komponenta promatra promjene u objektu config i ponovno će se učitati, tako da možete jednostavno ažurirati postavke "url" i "urlId".

Pogledajte potpuno radni primjer ovdje.

Pokrenite primjer paginacije pomoću:

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

Regija računa (PAŽNJA: kupci iz EU)

Ako je vaš račun smješten u EU, postavite region = 'eu' u konfiguraciji widgeta, na primjer:

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

U suprotnom, ne morate definirati region.

U produkciji Internal Link

Vjerojatno ne želite definirati konfiguraciju inline ako prosljeđujete povratne pozive itd. Umjesto toga, želite definirati konfiguraciju u computed bloku, inače će se svaki put kada se vaš povratni poziv itd. pozove cijeli widget ponovno renderirati.

Pogledajte primjer spinnera kako to učiniti.

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 značajke) bez objavljivanja ove biblioteke, pa iako možda neko vrijeme neće biti objavljena, to ne znači da FastComments nije u aktivnom razvoju! Slobodno provjerite naš blog za ažuriranja. Promjene API-ja koje narušavaju kompatibilnost ili značajke nikada neće biti isporučene u temeljnu biblioteku bez povećanja verzije ove biblioteke.

Trebate pomoć?

Ako naiđete na bilo kakve probleme ili imate pitanja o biblioteci Vue 2, molimo:

Doprinosi

Doprinosi su dobrodošli! Molimo posjetite GitHub repozitorij za smjernice o doprinosu.

Doprinesite ovom vodiču