Magic Translate vs. vue-i18n

vue-i18n è la libreria i18n standard per Vue e @nuxtjs/i18n si basa su di essa per Nuxt. Come la maggior parte delle librerie i18n, utilizza una chiave per ogni messaggio e un set di messaggi per lingua. Magic Translate traduce direttamente il testo nei tuoi modelli Vue, senza chiavi o file di messaggi.

A colpo d'occhio

	Magic Translate	vue-i18n
Come scrivi un testo	Parole tue, racchiuse in `<T>`	Una chiave per ogni messaggio, ad esempio `$t('cart.title')`
Traduzioni	traduzione AI, creata automaticamente	Li scrivete tu o i tuoi traduttori
File di messaggi	Nessuna	Un set di messaggi per lingua
Nuove lingue	Cambia l'impostazione `language`	Traduci ogni messaggio nella nuova lingua
Cambiare lingua	In fase di esecuzione, con `useLanguageSwitcher`	In fase di esecuzione, modificando le impostazioni locali
Plurali e formattazione	Tradotto come parte della frase	Integrato, con regole plurali e formattazione di data e numeri
Prezzo	Piano gratuito, poi piani mensili in base all'utilizzo	Open source e gratuito

In che modo il codice è diverso

Con vue-i18n, definisci i messaggi per ogni lingua e fai riferimento ad essi per chiave:

// 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>

Con Magic Translate, il testo rimane nel modello:

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

Per attributi come i segnaposti, usa useTranslate:

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

Quando scegliere Magic Translate

Vuoi la tua app Vue in molte lingue senza gestire i messaggi per ognuna.
Non hai traduttori o vuoi rilasciare aggiornamenti senza aspettare le traduzioni.
Il tuo testo cambia spesso e desideri che tutte le lingue rimangano aggiornate.

Quando scegliere vue-i18n

Tutto il testo deve essere tradotto o revisionato da una persona.
Hai bisogno dei motori di ricerca per vedere l'HTML tradotto dal rendering del server Nuxt. Magic Translate per Vue si traduce nel browser.
Vuoi una libreria open source gratuita senza servizi esterni.

Passare da vue-i18n a Magic Translate

Puoi cambiare un componente alla volta. Sostituisci $t('key') con il testo inglese dei tuoi messaggi, racchiuso in <T>, o usa t() da useTranslate per gli attributi. Entrambe le librerie possono funzionare fianco a fianco durante la migrazione. La guida Vue mostra la configurazione.

Pronto a provarlo? Segui la guida introduttiva per tradurre il tuo primo componente in cinque minuti.