अपने Vue 3 ऐप में टिप्पणियाँ जोड़ें
यह FastComments के लिए आधिकारिक Vue 3 लाइब्रेरी है।
अपने Vue ऐप में लाइव कमेंटिंग, चैट और रिव्यू विजेट एम्बेड करें।
रिपॉज़िटरी
AI कोडिंग एजेंट 
अपने कोडिंग एजेंट को FastComments का वह संदर्भ दें जिसकी उसे आवश्यकता है - विजेट्स, कॉन्फ़िगरेशन, Secure SSO, REST API, और SDKs:
npx skills add fastcomments/skillsयह Claude Code, Codex, Cursor, Copilot, Gemini, और skills CLI द्वारा समर्थित हर अन्य एजेंट के साथ काम करता है।
लाइव डेमो
हर विजेट को लाइव आज़माएँ https://fastcomments.com/commenting-system-for-vue/ पर।
लाइव शोकेस
सार्वजनिक demo टेनेंट के विरुद्ध लोकल रूप से चलने वाले हर विजेट और फ़्लो को देखने के लिए, रिपॉज़िटरी को क्लोन करें और चलाएँ:
npm install
npm run devशोकेस एंट्री पॉइंट src/App.vue और index.html में स्थित है — प्रत्येक विजेट/फ़्लो उसी ऐप में रेंडर होता है जिसे आप अपने Vue 3 प्रोजेक्ट में कॉपी कर सकते हैं।
इंस्टॉलेशन
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextउपयोग
कमेंट विजेट
FastCommentsVueNext कंपोनेंट में लाइव FastComments कमेंट विजेट शामिल है।
नीचे "demo" की जगह अपना "tenantId" डालें - जो FastComments एडमिन एरिया में यहाँ उपलब्ध है।
विजेट बहुत सारे विकल्प सपोर्ट करता है - FastCommentsConfig यहाँ देखें।
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>वर्तमान पेज अपडेट करना (SPA उदाहरण)
FastComments में हम आर्टिकल आईडी, या पेज जिससे कमेंट्स जुड़े होते हैं, को URL ID कहते हैं क्योंकि यह एक url या ID हो सकता है। URL ID को निम्नलिखित तरीके से परिभाषित करें। कंपोनेंट config ऑब्जेक्ट में बदलावों को देखता है और रीलोड होगा, इसलिए आप URL ID अपडेट कर सकते हैं।
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />अकाउंट रीजन (ध्यान दें: EU ग्राहक)
यदि आपका अकाउंट EU में स्थित है, तो विजेट कॉन्फ़िगरेशन में region = 'eu' सेट करें, उदाहरण के लिए:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />अन्यथा, आपको region परिभाषित करने की आवश्यकता नहीं है।
प्रोडक्शन में
यदि आप callbacks आदि पास कर रहे हैं तो शायद आप config को inline परिभाषित नहीं करना चाहेंगे। इसके बजाय, आपको config को computed() के माध्यम से परिभाषित करना चाहिए, अन्यथा हर बार जब आपका callback आदि इनवोक किया जाएगा, पूरा widget दोबारा रेंडर होगा।
सभी विजेट और दस्तावेज़ीकरण
लोकल डॉक्यूमेंटेशन चलाएँ:
npm run serveमेंटेनेंस स्थिति
ये कंपोनेंट्स हमारे मुख्य VanillaJS कंपोनेंट्स के रैपर हैं। हम इन कंपोनेंट्स को स्वचालित रूप से अपडेट कर सकते हैं (बग ठीक करना, फीचर्स जोड़ना) बिना इस लाइब्रेरी को प्रकाशित किए, इसलिए भले ही यह कुछ समय तक प्रकाशित न हो, इसका मतलब यह नहीं है कि FastComments सक्रिय विकास में नहीं है! अपडेट के लिए हमारे ब्लॉग को देखने के लिए स्वतंत्र महसूस करें। अंतर्निहित कोर लाइब्रेरी में ब्रेकिंग API बदलाव या फीचर्स कभी भी इस लाइब्रेरी में वर्ज़न बम्प किए बिना शिप नहीं किए जाएंगे।
FastComments
यह दस्तावेज़ीकरण FastComments को Vue3 के साथ उपयोग करने के कुछ उदाहरण शामिल करता है।
कॉन्फ़िगरेशन विकल्पों की पूरी सूची के लिए, fastcomments-typescript और हमारा दस्तावेज़ीकरण देखें।
सहायता चाहिए?
यदि आपको Vue 3 Library के बारे में कोई समस्या आती है या कोई प्रश्न है, तो कृपया:
योगदान देना
योगदान का स्वागत है! कृपया योगदान दिशानिर्देशों के लिए GitHub रिपॉजिटरी देखें।