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 Translate | vue-i18n | |
|---|---|---|
| Nasıl metin yazarsınız | Kendi sözleriniz, <T> ile sarılmış | Her mesaj için bir anahtar, örneğin $t('cart.title') |
| Tercümeler | Yapay zeka çevirisi, otomatik olarak oluşturuldu | Siz veya çevirmenleriniz bunları yazıyorsunuz |
| Mesaj dosyaları | Yok | Dil başına bir mesaj kümesi |
| Yeni diller | language ayarını değiştirme | Her 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çimlendirme | Cümlenin bir parçası olarak çevrildi | Yerleşik, çoğul kurallar ve tarih ve sayı biçimlendirmesi ile |
| FİYAT | Ücretsiz plan, ardından kullanıma göre aylık planlar | Açı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.tsimport { 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.