インストール

互換性に関する注意

• Vue.js 3.0.0+

パッケージマネージャ

npm

npm install vue-i18n@11

yarn

yarn add vue-i18n@11

pnpm

pnpm add vue-i18n@11

モジュールシステムと一緒に使用する場合、vue-i18nを明示的にapp.use()でインストールする必要があります：

import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'

const i18n = createI18n({
  // vue-i18nのオプションをここに記述...
})

const app = createApp({
  // vueのオプションをここに記述...
})

app.use(i18n)
app.mount('#app')

直接ダウンロード

https://unpkg.com/vue-i18n@11

unpkg.com はnpmベースのCDNリンクを提供します。上記のリンクは常にnpm上の最新リリースを指します。

グローバルインポート

<script src="https://unpkg.com/vue@3"></script>
<script src="https://unpkg.com/vue-i18n@11"></script>

特定のバージョン/タグは、次のようなURLを使っても使用できます https://unpkg.com/[email protected]/dist/vue-i18n.global.js

ESモジュールインポート

<script type="module" src="https://unpkg.com/vue@3/dist/vue.esm-browser.js">
<script type="module" src="https://unpkg.com/vue-i18n@11/dist/vue-i18n.esm-browser.js">

特定のバージョン/タグは、次のようなURLを使っても使用できます https://unpkg.com/[email protected]/dist/vue-i18n.esm-browser.js