البدء

التثبيت

لتثبيت 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 معد يمكنك مشاهدته هنا.

منتج من Nattskiftetصُنع في النرويج