Magic Translate vs. vue-i18n

vue-i18n هي مكتبة i18n القياسية لـ Vue، وتعتمد @nuxtjs/i18n عليها لـ Nuxt. مثل معظم مكتبات i18n، فإنه يستخدم مفتاحًا لكل رسالة ومجموعة من الرسائل لكل لغة. Magic Translate يترجم النص الموجود في قوالب Vue الخاصة بك مباشرة، بدون مفاتيح أو ملفات رسائل.

في لمحة

كيف تختلف الشفرة

باستخدام vue-i18n، يمكنك تحديد الرسائل لكل لغة والرجوع إليها بالمفتاح:

// i18n.ts
import { createI18n } from 'vue-i18n';

export const i18n = createI18n({
  locale: 'de',
  messages: {
    en: { cart: { title: 'Your shopping cart' } },
    de: { cart: { title: 'Ihr Warenkorb' } }
  }
});

<h2>{{ $t('cart.title') }}</h2>

باستخدام Magic Translate، يظل النص في القالب:

<h2><T>Your shopping cart</T></h2>

بالنسبة للسمات مثل العناصر النائبة، استخدم useTranslate:

<input :placeholder="t('Search products')" />

متى تختار Magic Translate

• تريد تطبيق Vue الخاص بك بالعديد من اللغات دون إدارة الرسائل لكل واحدة.
• ليس لديك مترجمين، أو تريد إصدار تحديثات دون انتظار الترجمات.
• يتغير النص كثيرًا، وتريد أن تظل كل لغة محدثة.

متى تختار vue-i18n

• يجب ترجمة جميع النصوص أو مراجعتها من قبل شخص.
• تحتاج إلى محركات بحث لرؤية HTML المترجم من عرض خادم Nuxt. Magic Translate لـ Vue يترجم في المتصفح.
• تريد مكتبة مجانية مفتوحة المصدر بدون خدمة خارجية.

الانتقال من vue-i18n إلى Magic Translate

يمكنك تبديل مكون واحد في كل مرة. استبدل $t('key') بالنص الإنجليزي من رسائلك، ملفوفًا بـ <T>، أو استخدم t() من useTranslate للسمات. يمكن تشغيل المكتبتين جنبًا إلى جنب أثناء الترحيل. يعرض دليل Vue الإعداد.

هل أنت مستعد لتجربته؟ اتبع دليل البدء لترجمة المكون الأول في خمس دقائق.