FastComments.com
Menu Icon

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

Документација

Преглед уживо
У продукцији
Статус одржавања

За почетак

Инсталација

Коришћење

Коришћење
Ажурирање текуће странице (пример SPA)

Add Comments to Your Vue 2 App

Ово је званична Vue 2 библиотека за FastComments.

Видгети за коментаре FastComments за Vue 2

Репозиторијум

Погледајте на GitHub

Преглед уживо Internal Link

Да бисте видјели све виџете и токове који се покрећу локално против јавног demo тенанта, клонирајте репозиторијум и покрените:

npm install
npm run serve

Појединачни демо примјери такође имају своје улазне тачке (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) унутар dev/.

Инсталација Internal Link

NPM

npm install --save fastcomments-vue

Yarn

yarn add fastcomments-vue

Коришћење Internal Link

Виџет за коментаре

Компонента FastCommentsVue садржи виџет за коментаре FastComments који ради у реалном времену.

Замените "demo" испод са вашим "tenantId" - доступан овдје у FastComments административном подручју.

Виџет подржава много опција - погледајте FastCommentsConfig овдје.

<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>

Ажурирање текуће странице (пример SPA) Internal Link

U FastComments-u nazivamo ID članka, odnosno stranice na koju su komentari vezani, URL ID-jem jer može biti url ili ID. Definišite URL ID na sljedeći način. Komponenta nadgleda promjene u config objektu i ponovo će se učitati, tako da možete jednostavno ažurirati "url" i "urlId" postavke.

Pogledajte kompletan radni primjer ovdje.

Pokrenite primjer paginacije putem:

npm run serve-pagination
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', 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:

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

U suprotnom, ne morate definirati region.

У продукцији Internal Link

Вероватно не желите да дефинишете config инлајн ако прослеђујете колбеке итд. Уместо тога, желећете да дефинишете config у computed блоку, иначе ће сваки пут када се ваш колбек итд позове цео widget бити поново рендерован.

Погледајте пример spinner-а да видите како се то ради.

Статус одржавања Internal Link

Ове компоненте су омотачи око наших основних VanillaJS компоненти. Можемо аутоматски ажурирати ове компоненте (поправљати грешке, додавати функције) без објављивања ове библиотеке, тако да, иако можда неће бити објављена неко вријеме, то не значи да FastComments није у активном развоју! Слободно погледајте наш блог за ажурирања. Промјене API-ја које нарушавају уназадну компатибилност или нове функције никада неће бити послате у основну библиотеку без повећања верзије у овој библиотеци.

Потребна помоћ?

Ако наиђете на било какве проблеме или имате питања у вези са Vue 2 библиотеком, молимо вас:

Допринеси

Допринеси су добродошли! Молимо посетите GitHub репозиторијум за смернице о доприносима.

Доприни овом водичу