Dokümantasyon

Magic Translate vs. vue-i18n

vue-i18n, Vue için standart i18n kütüphanesidir ve @nuxtjs/i18n Nuxt için bunun üzerine inşa edilir. Çoğu i18n kütüphanesi gibi, her mesaj için bir anahtar ve dil başına bir mesaj kümesi kullanır. Magic Translate, Vue şablonlarınızdaki metni anahtarlar veya mesaj dosyaları olmadan doğrudan çevirir.

Bir bakışta

Magic Translatevue-i18n
Nasıl metin yazarsınızKendi sözleriniz, <T> ile sarılmışHer mesaj için bir anahtar, örneğin $t('cart.title')
TercümelerYapay zeka çevirisi, otomatik olarak oluşturulduSiz veya çevirmenleriniz bunları yazıyorsunuz
Mesaj dosyalarıYokDil başına bir mesaj kümesi
Yeni dillerlanguage ayarını değiştirmeHer mesajı yeni dile çevirin
Dil değiştirmeÇalışma zamanında, useLanguageSwitcher ileÇalışma zamanında, yerel ayarı değiştirerek
Çoğul ve biçimlendirmeCümlenin bir parçası olarak çevrildiYerleşik, çoğul kurallar ve tarih ve sayı biçimlendirmesi ile
FİYATÜcretsiz plan, ardından kullanıma göre aylık planlarAçık kaynak ve ücretsiz

Kod nasıl farklılık gösterir

vue-i18n ile, her dil için mesajları tanımlar ve bunlara tuşa göre başvurursunuz:

// 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 ile metin şablonda kalır:

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

Yer tutucular gibi özellikler için useTranslate öğesini kullanın:

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

Ne zaman seçilir Magic Translate

  • Vue uygulamanızı, her biri için mesajları yönetmeden birçok dilde istiyorsunuz.
  • Çevirmenleriniz yok veya çevirileri beklemeden güncellemeleri yayınlamak istiyorsunuz.
  • Metniniz sık sık değişir, ve her dilin güncel kalmasını istersiniz.

Ne zaman seçilir vue-i18n

  • Tüm metinler bir kişi tarafından çevrilmeli veya gözden geçirilmelidir.
  • Nuxt sunucu oluşturmadan çevrilmiş HTML'yi görmek için arama motorlarına ihtiyacınız var. Magic Translate for Vue tarayıcıda çevirir.
  • Harici hizmet içermeyen ücretsiz, açık kaynaklı bir kütüphane istiyorsunuz.

vue-i18n 'dan Magic Translate 'e geçiş

Bir seferde bir bileşeni değiştirebilirsiniz. $t('key') öğesini mesajlarınızdaki <T> ile sarılmış İngilizce metinle değiştirin veya öznitelikler için t() ile useTranslate öğesini kullanın. Taşıma sırasında her iki kütüphane de yan yana çalışabilir. Vue kılavuzu kurulumu gösterir.

Denemeye hazır mısınız? İlk bileşen inizi beş dakika içinde çevirmek için başlangıç kılavuzunu izleyin.