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 αποκαλούμε το id του άρθρου, ή τη σελίδα στην οποία συνδέονται τα σχόλια, το 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'}" />Account Region (ATTENTION: EU Customers)
Εάν ο λογαριασμός σας βρίσκεται στην ΕΕ, ορίστε 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 για οδηγίες συνεισφοράς.