הוספת תגובות לאפליקציית Vue 2 שלך
זו הספרייה הרשמית של Vue 2 עבור FastComments.
הטמע ווידג'טים של תגובות חיות, צ'אט וביקורת באפליקציית Vue 2 שלך.
מאגר
סוכני קידוד AI 
תן לסוכן הקידוד שלך את ההקשר של FastComments שהוא צריך - וידג'טים, תצורה, Secure SSO, ה‑REST API, וה‑SDKs:
npx skills add fastcomments/skillsעובד עם Claude Code, Codex, Cursor, Copilot, Gemini, וכל סוכן אחר שה‑skills CLI תומך בו.
הדגמה חיה
כדי לראות את כל הווידג'טים והזרימות שמריצים באופן מקומי מול ה-tenant הציבורי 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)
In 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.
בייצור
כנראה שאינכם רוצים להגדיר את הconfig inline אם אתם מעבירים callbacks וכו'. במקום זאת, תרצו להגדיר
את הconfig בתוך בלוק computed, אחרת בכל פעם שה-callback שלכם ייקרא, ה-widget כולו יעבור רינדור מחדש.
מצב תחזוקה
הרכיבים האלה הם עטיפות סביב רכיבי ה-VanillaJS הליבה שלנו. אנחנו יכולים לעדכן אוטומטית את הרכיבים האלה (לתקן באגים, להוסיף תכונות) בלי לפרסם את הספרייה הזו, אז גם אם ייתכן שהיא לא תפורסם במשך זמן מה, זה לא אומר ש-FastComments אינה בפיתוח פעיל! אתם מוזמנים לבדוק את הבלוג שלנו לעדכונים. שינויים שישברו תאימות ב-API או תכונות לא ישוחררו לעולם בספריית הליבה התחתונה בלי העלאת גרסה בספרייה זו.
זקוקים לעזרה?
אם אתם נתקלים בבעיות או יש לכם שאלות לגבי ספריית Vue 2, אנא:
תרומה
תרומות מתקבלות בברכה! אנא בקרו ב-מאגר ה-GitHub לקבלת הנחיות לתרומה.