Magic Translate vs. vue-i18n

vue-i18n 는 Vue 용 표준 i18n 라이브러리이고 @nuxtjs/i18n 는 Nuxt 용 표준 i18n 라이브러리야.대부분의 i18n 라이브러리처럼, 각 메시지에 키와 언어별 메시지 세트를 사용해.Magic Translate 는 키나 메시지 파일 없이 Vue 템플릿의 텍스트를 직접 번역해.

한 눈에

	Magic Translate	vue-i18n
텍스트 쓰는 방법	`<T>` 에 싸인 너의 말	각 메시지의 키, 예: `$t('cart.title')`
번역들	AI 번역, 자동으로 생성돼	너나 네 번역자들이 써줘.
메시지 파일들	아무 것도 없어.	언어당 메시지 한 세트
새 언어들	`language` 설정 변경해.	모든 메시지를 새 언어로 번역해
언어 바꾸기	런타임 시, `useLanguageSwitcher` 사용해서	런타임 시, 로케일 변경해서
복수형과 형식	문장의 일부로 번역돼.	내장, 복수 규칙, 날짜 및 숫자 형식 포함
가격	무료 요금제, 그 다음에 사용량에 따른 월간 요금제	오픈 소스이고 무료야.

코드가 어떻게 다른지

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

모든 텍스트는 사람이 번역하거나 검토해야 해.
Nuxt 서버 렌더링에서 번역된 HTML을 보려면 검색 엔진이 필요해.Magic Translate for Vue 는 브라우저에서 번역돼.
외부 서비스 없는 무료 오픈 소스 라이브러리가 필요해.

vue-i18n 에서 Magic Translate 으로 이동 중

한 번에 구성 요소 하나씩만 전환할 수 있어.$t('key') 를 메시지의 영어 텍스트 (<T> 포장) 로 바꾸거나 속성에 useTranslate 중 t() 를 써.마이그레이션하는 동안 두 라이브러리를 나란히 실행할 수 있어.Vue 가이드가 설정을 보여줘.

해볼 준비가 됐어?시작 안내서에 따라 5분 만에 첫 번째 구성 요소를 번역해.