FastComments Vue 3 Library
Αυτή είναι η επίσημη βιβλιοθήκη Vue 3 για το FastComments.
Widgets σχολιασμού FastComments για το 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 θα επανα-αποδοθεί.
Όλα τα Widgets και η τεκμηρίωση
Εκτελέστε την τοπική τεκμηρίωση:
npm run serveFastComments
FastComments
Αυτή η τεκμηρίωση περιέχει μερικά παραδείγματα του πώς να χρησιμοποιήσετε το FastComments με Vue3.
Για πλήρη λίστα επιλογών διαμόρφωσης, δείτε fastcomments-typescript και την τεκμηρίωσή μας.
Χρειάζετε βοήθεια;
Εάν αντιμετωπίσετε οποιαδήποτε προβλήματα ή έχετε ερωτήσεις σχετικά με τη Βιβλιοθήκη Vue 3, παρακαλούμε:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο στο GitHub για οδηγίες συνεισφοράς.