Ξεκινώντας
Εγκατάσταση
Για να εγκαταστήσετε το TacoTranslate στο έργο σας, ανοίξτε το τερματικό σας και μεταβείτε στον ριζικό κατάλογο του έργου σας. Στη συνέχεια, εκτελέστε την ακόλουθη εντολή για να εγκαταστήσετε με npm:
npm install tacotranslate
Αυτό υποθέτει ότι έχετε ήδη ρυθμίσει ένα έργο. Δείτε παραδείγματα για περισσότερες πληροφορίες.
Βασική χρήση
Το παρακάτω παράδειγμα δείχνει πώς να δημιουργήσετε έναν πελάτη TacoTranslate, να περικλείσετε την εφαρμογή σας με τον πάροχο TacoTranslate
και να χρησιμοποιήσετε το συστατικό Translate
για να εμφανίσετε μεταφρασμένες συμβολοσειρές.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
Το παράδειγμα έχει ρυθμιστεί να χρησιμοποιεί Ισπανικά (locale="es"
), έτσι το Translate
στοιχείο θα εμφανίσει "¡Hola, mundo!".
Παραδείγματα
Πηγαίνετε στο φάκελο παραδειγμάτων στο GitHub μας για να μάθετε περισσότερα σχετικά με το πώς να ρυθμίσετε το TacoTranslate ειδικά για την περίπτωσή σας, όπως με το Next.js App Router, ή χρησιμοποιώντας το Create React App.
Έχουμε επίσης ένα CodeSandbox έτοιμο που μπορείτε να δείτε εδώ.