अपने Vue 2 ऐप में टिप्पणियाँ जोड़ें
यह FastComments के लिए आधिकारिक Vue 2 लाइब्रेरी है।
अपने Vue 2 ऐप में लाइव कमेंटिंग, चैट और रिव्यू विजेट एम्बेड करें।
रिपॉज़िटरी
AI कोडिंग एजेंट 
अपने कोडिंग एजेंट को FastComments का वह संदर्भ दें जिसकी उसे आवश्यकता है - विजेट्स, कॉन्फ़िगरेशन, Secure SSO, REST API, और SDKs:
npx skills add fastcomments/skillsयह Claude Code, Codex, Cursor, Copilot, Gemini, और skills CLI द्वारा समर्थित हर अन्य एजेंट के साथ काम करता है।
लाइव शोकेस
सार्वजनिक demo टेनेंट के विरुद्ध लोकल रूप से चलने वाले हर विजेट और फ्लो को देखने के लिए, रिपॉजिटरी क्लोन करें और चलाएँ:
npm install
npm run serveअलग-अलग डेमो के अपने एंट्री पॉइंट भी हैं (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) जो dev/ के अंतर्गत हैं।
इंस्टॉलेशन
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueउपयोग
कमेंट विजेट
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 उदाहरण)
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'}" />अकाउंट क्षेत्र (ध्यान दें: EU ग्राहक)
यदि आपका अकाउंट EU में स्थित है, तो विजेट कॉन्फ़िगरेशन में region = 'eu' सेट करें, उदाहरण के लिए:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />अन्यथा, आपको region परिभाषित करने की आवश्यकता नहीं है।
मेंटेनेंस स्थिति
ये कंपोनेंट्स हमारे कोर VanillaJS कंपोनेंट्स के रैपर हैं। हम इन कंपोनेंट्स को स्वचालित रूप से अपडेट कर सकते हैं (बग ठीक करना, फीचर्स जोड़ना) बिना इस लाइब्रेरी को प्रकाशित किए, इसलिए भले ही यह कुछ समय तक प्रकाशित न हो, इसका मतलब यह नहीं है कि FastComments सक्रिय विकास में नहीं है! अपडेट के लिए हमारा ब्लॉग देखने के लिए स्वतंत्र महसूस करें। ब्रेकिंग API बदलाव या फीचर्स कभी भी बिना इस लाइब्रेरी में वर्ज़न बंप किए अंतर्निहित कोर लाइब्रेरी में शिप नहीं किए जाएंगे।
सहायता चाहिए?
यदि आपको Vue 2 Library के बारे में कोई समस्या आती है या कोई प्रश्न है, तो कृपया:
योगदान देना
योगदान का स्वागत है! कृपया योगदान दिशानिर्देशों के लिए GitHub रिपॉजिटरी देखें।