Add Comments to Your Vue 3 App
Bu, FastComments için resmi Vue 3 kütüphanesidir.
Vue uygulamanıza canlı yorum, sohbet ve inceleme bileşenleri gömün.
Depo
Canlı Demo 
Tüm widget'leri canlı olarak https://fastcomments.com/commenting-system-for-vue adresinde deneyin.
Canlı Gösterim
Herkese açık demo kiracına karşı yerel olarak çalışan tüm widget'ları ve akışları görmek için depoyu klonlayın ve çalıştırın:
npm install
npm run devÖrnek uygulamanın giriş noktası src/App.vue ve index.html içinde yer alır — her bir widget/akış aynı uygulamada render edilir; bunu kendi Vue 3 projenize kopyalayabilirsiniz.
Kurulum
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextKullanım
Yorum Bileşeni
FastCommentsVueNext bileşeni canlı FastComments yorum bileşenini içerir.
Aşağıdaki "demo" değerini "tenantId"niz ile değiştirin - FastComments yönetici alanında burada bulunmaktadır.
Widget birçok seçeneği destekler - FastCommentsConfig'e buradan bakın.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Mevcut Sayfanın Güncellenmesi (SPA Örneği)
FastComments'te yorumların bağlandığı makale kimliğine veya sayfaya URL ID diyoruz çünkü bir URL veya bir ID olabilir. URL ID'yi aşağıdaki şekilde tanımlayın. Bileşen config nesnesindeki değişiklikleri izler ve yeniden yüklenir, böylece URL ID'yi güncelleyebilirsiniz.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', 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:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Aksi takdirde region'ı tanımlamanıza gerek yoktur.
Üretim Ortamında
Muhtemelen callbacks vb. geçiriyorsanız config'i satır içi olarak tanımlamak istemezsiniz. Bunun yerine, tanımlamak isteyeceksiniz
config'i computed() aracılığıyla; aksi takdirde callback'iniz vb. her çağrıldığında tüm bileşen yeniden renderlenecek.
Tüm Widget'lar ve Dokümantasyon
Yerel dokümantasyonu çalıştırın:
npm run serveBakım Durumu
Bu bileşenler çekirdek VanillaJS bileşenlerimizin etrafında sarılmış sarmalayıcı bileşenlerdir. Bu bileşenleri (hataları düzeltmek, yeni özellikler eklemek) bu kütüphaneyi yayınlamadan otomatik olarak güncelleyebiliriz; bu yüzden kütüphane bir süre yayımlanmamış olsa bile FastComments'ın aktif geliştirme sürecinde olmadığı anlamına gelmez! Güncellemeler için blog'umuzu kontrol edin. Geriye dönük uyumsuz API değişiklikleri veya özellikler, bu kütüphanede bir sürüm yükseltmesi yapılmadan altındaki çekirdek kütüphaneye asla gönderilmeyecektir.
FastComments
FastComments
Bu dokümantasyon, FastComments'i Vue3 ile nasıl kullanacağınıza dair birkaç örnek içerir.
Tüm yapılandırma seçeneklerinin tam listesi için fastcomments-typescript ve dokümantasyonumuz sayfalarına bakın.
Yardıma mı ihtiyacınız var?
Vue 3 Kütüphanesi ile ilgili herhangi bir sorunla karşılaşırsanız veya sorularınız olursa, lütfen:
Katkıda Bulunma
Katkılar memnuniyetle karşılanır! Katkı yönergeleri için lütfen GitHub deposunu ziyaret edin.