Προσθήκη σχολίων στην εφαρμογή Vue 3 σας
Αυτή είναι η επίσημη βιβλιοθήκη Vue 3 για το FastComments.
Ενσωματώστε ζωντανά σχόλια, συνομιλία και widgets αξιολόγησης στην εφαρμογή Vue σας.
Αποθετήριο
Πράκτορες κώδικα AI 
Δώστε στον κώδικα πράκτορα σας το πλαίσιο FastComments που χρειάζεται - widgets, ρυθμίσεις, Secure SSO, το REST API και τα SDKs:
npx skills add fastcomments/skillsΛειτουργεί με Claude Code, Codex, Cursor, Copilot, Gemini και κάθε άλλο πράκτορα που υποστηρίζει το skills CLI.
Ζωντανή επίδειξη
Δοκιμάστε κάθε widget ζωντανά στο https://fastcomments.com/commenting-system-for-vue/.
Ζωντανή παρουσίαση
Για να δείτε κάθε widget και flow να τρέχει τοπικά απέναντι στον δημόσιο demo tenant, κλωνοποιήστε το αποθετήριο και τρέξτε:
npm install
npm run devΤο σημείο εισόδου της επίδειξης βρίσκεται στο src/App.vue και index.html — κάθε widget/flow αποδίδεται στην ίδια εφαρμογή που μπορείτε να αντιγράψετε στο δικό σας έργο Vue 3.
Εγκατάσταση
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextΧρήση
Το Widget Σχολίων
Το συστατικό FastCommentsVueNext περιέχει το ζωντανό widget σχολίων FastComments.
Αντικαταστήστε το "demo" παρακάτω με το "tenantId" σας - διαθέσιμο εδώ στην περιοχή διαχείρισης FastComments.
Το widget υποστηρίζει πολλές επιλογές - δείτε το 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 με τον εξής τρόπο. Το component παρακολουθεί τις αλλαγές στο αντικείμενο config και θα επαναφορτωθεί, ώστε να μπορείτε να ενημερώσετε το URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Περιοχή Λογαριασμού (ΠΡΟΣΟΧΗ: Πελάτες ΕΕ)
Αν ο λογαριασμός σας βρίσκεται στην ΕΕ, ορίστε region = 'eu' στη διαμόρφωση του widget, για παράδειγμα:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Διαφορετικά, δεν χρειάζεται να ορίσετε το region.
Σε παραγωγή
Πιθανότατα δεν θέλετε να ορίσετε το config inline εάν περνάτε callbacks κ.λπ. Αντίθετα, θα θέλετε να ορίσετε
το config μέσω του computed(), διαφορετικά κάθε φορά που η callback κ.λπ. καλείται ολόκληρο το widget θα ξανα-αποδοθεί.
Όλα τα widget και η τεκμηρίωση
Εκτελέστε την τοπική τεκμηρίωση:
npm run serveΚατάσταση συντήρησης
Αυτά τα components είναι wrappers γύρω από τα core VanillaJS components. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (επιδιόρθωση σφαλμάτων, προσθήκη δυνατοτήτων) χωρίς να δημοσιεύσουμε αυτή τη βιβλιοθήκη, οπότε αν και μπορεί να μην δημοσιευτεί για κάποιο διάστημα, αυτό δεν σημαίνει ότι το FastComments δεν βρίσκεται υπό ενεργή ανάπτυξη! Μη διστάσετε να ελέγξετε το ιστολόγιό μας για ενημερώσεις. Σημαντικές αλλαγές που σπάνε το API ή νέες δυνατότητες δεν θα σταλούν ποτέ στην υποκείμενη core βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
FastComments
Αυτή η τεκμηρίωση περιέχει μερικά παραδείγματα για το πώς να χρησιμοποιήσετε το FastComments με το Vue3.
Για μια πλήρη λίστα των επιλογών διαμόρφωσης, δείτε fastcomments-typescript και our documentation.
Χρειάζεστε βοήθεια;
Εάν αντιμετωπίσετε προβλήματα ή έχετε ερωτήσεις σχετικά με τη βιβλιοθήκη Vue 3, παρακαλούμε:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.