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

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

Живи приказ
У продукцији
Статус одржавања

Почетак рада

Инсталација

Коришћење

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

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>

Ажурирање текуће странице (пример једностраничне апликације) Internal Link

У FastComments-у називамо идентификатор чланка, односно странице на коју су коментари везани, URL ID јер може бити URL или ID. Дефинишите URL ID на следећи начин. Компонента прати измене у config објекту и поново ће се учитати, тако да можете једноставно ажурирати подешавања "url" и "urlId".

Погледајте цео радни пример овде.

Покрените пример пагинације помоћу:

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

Регион налога (ПАЖЊА: клијенти из ЕУ)

Ако је ваш налог у ЕУ, подесите region = 'eu' у конфигурацији видгета, на пример:

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

У супротном, није потребно да дефинишете region.

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

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

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

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

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

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

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

Допринеси

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

Допринесите овом водичу