Vue I18nとは？Vue 3 Internationalization

ページ内ナビ

概要

Vue I18n 11.4.13はVue 3向けのinternationalization pluginです。localeごとのmessage translation、locale切替、number/date formattingをapplicationへ組み込み、Composition APIとLegacy APIの両styleを提供します。

特徴と向いている用途

公式資料に基づく紹介・実機未検証 · 内容確認日：2026-10-05

主な特徴

localeごとのmessageをVue componentから参照する

Vue pluginとしてlocaleとmessage catalogを登録し、componentから翻訳messageを取得できます。READMEは既存Vue projectへvue-i18n@11を追加するquickstartを案内しています。

出典：[1]

Composition APIとLegacy APIの両方で段階的に組み込む

Vue 3 Composition API向けのstyleとLegacy API styleがexamplesで案内され、projectの既存設計に合わせて導入できます。

出典：[1]

向いている用途

Vue applicationでUI文言とlocale-specific formattingを集中管理したい場合に向く

多言語UI、locale切替、date/number formattingをcomponentごとの独自実装から分離し、translation resourceと表示logicを整理したいprojectに適します。

出典：[1][2]

導入前の確認

11.4.13はVue 3系とNode 22以上を前提にする

vue-i18n 11.4.13はVue ^3.0.0をpeer dependency、Node >=22をengineとして定義しています。CIとbuild環境のNode versionも確認が必要です。

出典：[2]

v11はstable・継続保守対象で、npm deprecated表示は誤操作と説明されている

READMEはv11をstableとしており、npm install時にdeprecated表示が出る場合があるものの、v9/v10 deprecation作業時の誤りでv11は継続保守すると明記しています。11.4.13ではlocale union type mappingも改善されています。

出典：[1][3]

参考にした公式資料

[1]Vue I18n v11.4.13 README(2026-10-05)
[2]vue-i18n 11.4.13 package metadata(2026-10-05)
[3]Vue I18n v11.4.13 release(2026-10-05)
[4]Vue I18n MIT license(2026-10-05)

編集部からの補足

Vue I18n 11.4.13はVue ^3.0.0とNode >=22を要求します。READMEではv11がstableかつ継続保守対象で、npm上のdeprecated表示は誤操作だったと明記されています。

3ステップで試す

1
Vue I18n 11.4.13とVue 3.5.43を固定して導入する
一時npm projectへreview対象のVue I18nとVueを固定して導入します。
demo=$(mktemp -d "${TMPDIR:-/tmp}/vue-i18n.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact vue-i18n@11.4.13 vue@3.5.43
2
package versionを確認する
Vue I18nとVueが想定versionで解決されていることを確認します。
test "$(node -e "const fs=require('fs'); const v=p=>JSON.parse(fs.readFileSync(p)).version; console.log(v('node_modules/vue-i18n/package.json')+'/'+v('node_modules/vue/package.json'))")" = '11.4.13/3.5.43'
3
主要i18n APIのexportを確認する
browserを起動せず、plugin作成とComposition APIの主要exportを確認します。
test "$(node --input-type=module -e "import * as I from 'vue-i18n'; console.log(['createI18n','useI18n'].every(k=>k in I))")" = 'true'

公式READMEで確認

成長

成長の推移 · 直近30日

2,714 Stars

推移データを蓄積中です。

開発アクティビティ

直近90日・週次

Commit（直近30日）: 31
Open PR: 43

開発アクティビティを蓄積中です。

Built with

カテゴリとタグ

GitHubデータ

GitHubのデータGitHubの詳細データを見る

GitHubで見る

GitHub Topics

i18n
internationalization
library
plugin
vue
vue3
vuejs

Stars: 2,714
Forks: 391
Watchers: 11
Open Issues: 45
Contributors: 275
所有者種別: Organization
主要言語: TypeScript
ライセンス: MIT
リポジトリ最終更新: 2026/10/04