Add Comments to Your Vue 2 App
Bu, FastComments için resmi Vue 2 Kütüphanesidir.
Vue 2 için FastComments yorum bileşenleri
Depo
Canlı Gösterim 
Tüm widget'ları ve akışları, genel demo kiracına karşı yerel olarak çalışır durumda görmek için depoyu klonlayın ve çalıştırın:
npm install
npm run serveBireysel demoların ayrıca dev/ altında kendi giriş noktaları vardır (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode).
Kurulum
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueKullanım
Yorum Bileşeni
FastCommentsVue bileşeni canlı FastComments yorum widget'ını içerir.
Aşağıdaki "demo"yu FastComments yönetici alanında buradan bulunan "tenantId"nizle değiştirin.
Widget birçok seçeneği destekler - FastCommentsConfig'e buradan bakın.
<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>Mevcut Sayfayı Güncelleme (SPA Örneği)
In FastComments'ta makale kimliğine veya yorumların bağlandığı sayfaya, bir URL veya ID olabileceği için URL ID diyoruz. URL ID'yi aşağıdaki şekilde tanımlayın. Bileşen config nesnesindeki değişiklikleri izler ve yeniden yükleme yapar, bu yüzden sadece "url" ve "urlId" ayarlarını güncellemeniz yeterlidir.
Tam çalışan bir örneği burada görebilirsiniz.
Sayfalama örneğini şu komutla çalıştırın:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Hesap Bölgesi (DİKKAT: AB Müşterileri)
Hesabınız AB'de bulunuyorsa, widget yapılandırmasında region = 'eu' olarak ayarlayın, örneğin:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Aksi halde region'ı tanımlamanıza gerek yoktur.
Canlı Ortamda
Muhtemelen callback'ler vb. geçiriyorsanız config'i satır içi olarak tanımlamak istemezsiniz. Bunun yerine
config'i bir computed bloğunda tanımlamak istersiniz; aksi takdirde her seferinde callback'iniz çağrıldığında tüm widget yeniden render edilecektir.
Bakım Durumu
Bu bileşenler, çekirdek VanillaJS bileşenlerimizin etrafındaki sarmalayıcılardır. Bu bileşenleri (hataları düzeltme, özellik ekleme) bu kütüphaneyi yayımlamadan otomatik olarak güncelleyebiliriz, bu nedenle bu kütüphane bir süre yayımlanmasa da FastComments'in aktif geliştirme sürecinde olmadığı anlamına gelmez! Güncellemeler için blogumuza göz atabilirsiniz. Kırıcı API değişiklikleri veya özellikler, bu kütüphanede bir sürüm artışı yapılmadan temel kütüphaneye asla gönderilmeyecektir.
Yardıma mı ihtiyacınız var?
Vue 2 Kitaplığı ile ilgili herhangi bir sorunla karşılaşırsanız veya sorularınız varsa, lütfen:
Katkıda Bulunma
Katkılar memnuniyetle karşılanır! Lütfen katkı yönergeleri için GitHub deposunu ziyaret edin.