Add Comments to Your Vue 3 App

זוהי הספרייה הרשמית של Vue 3 עבור FastComments.

הטמעו ווידג'טים של תגובות בזמן אמת, צ'אט וביקורות באפליקציית Vue שלכם.

מאגר

הדגמה חיה

נסה את כל הווידג'טים באופן חי ב־https://fastcomments.com/commenting-system-for-vue.

תצוגה חיה

כדי לראות כל ווידג'ט וזרימה שרצים מקומית מול ה-tenant הציבורי demo, שכפל את המאגר והרץ:

npm install
npm run dev

נקודת הכניסה של התצוגה נמצאת בsrc/App.vue ובindex.html — כל ווידג'ט/זרימה מוצגים באותה אפליקציה שניתן להעתיק אל פרויקט Vue 3 משלך.

התקנה

NPM

npm install --save fastcomments-vue-next

Yarn

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, הגדר region = 'eu' בתצורת הווידג'ט, לדוגמה:

<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />

אחרת, אין צורך להגדיר את region.

בייצור

סביר שלא תרצה להגדיר את התצורה inline אם אתה מעביר callbacks וכו'. במקום זאת, תרצה להגדיר את התצורה דרך computed(), אחרת בכל פעם שה-callback שלך וכו' ייקרא כל הווידג'ט יעבור רינדור מחדש.

כל הווידג'טים והתיעוד

הפעל את התיעוד המקומי:

npm run serve

מצב תחזוקה

הרכיבים האלה הם עטיפות סביב רכיבי הליבה שלנו ב-VanillaJS. אנו יכולים לעדכן אוטומטית רכיבים אלה (לתקן באגים, להוסיף תכונות) ללא פרסום הספרייה הזו, לכן למרות שאולי לא יתפרסם עדכון לזמן מה זה לא אומר ש-FastComments אינה בפיתוח פעיל! אל תהססו לבדוק את הבלוג שלנו לעדכונים. שינויים משבשים ב-API או תכונות לעולם לא ישולבו בספריית הליבה התחתונה ללא הגברת גרסה בספרייה זו.

FastComments

תיעוד זה מכיל כמה דוגמאות לשימוש ב-FastComments עם Vue3.

לרשימה מלאה של אפשרויות התצורה, ראו את fastcomments-typescript ואת התיעוד שלנו.

צריכים עזרה?

אם תתקלו בבעיות או יש לכם שאלות לגבי ספריית Vue 3, אנא:

תרומות

נשמח לתרומות! אנא בקרו ב-מאגר GitHub לקבלת הנחיות לתרומה.

שפה 🇮🇱 עברית

תיעוד

התחלה

שימוש

Add Comments to Your Vue 3 App

מאגר

הדגמה חיה

תצוגה חיה

התקנה

NPM

Yarn

שימוש

וידג'ט התגובות

עדכון הדף הנוכחי (דוגמת SPA)

אזור החשבון (שימו לב: לקוחות מהאיחוד האירופי)

בייצור

כל הווידג'טים והתיעוד

מצב תחזוקה

FastComments

FastComments

לרשימה מלאה של אפשרויות התצורה, ראו את fastcomments-typescript ואת התיעוד שלנו.

צריכים עזרה?

תרומות