v9の新機能

Vue I18n v9はVue 3のサポートに加えて、新しい機能も搭載しています。

メッセージ形式構文

• リテラル補間を参照

メッセージ関数

• リンクメッセージを参照
• 複数形を参照

Composition API

Composition APIの詳細セクションを参照

翻訳コンポーネント

pluralプロップのサポート。 複数形化するメッセージの数を指定できます。

以下の例:

<script setup>
import { useI18n } from 'vue-i18n'

const { t } = useI18n({
  locale: 'en',
  messages: {
    en: {
      message: {
        plural: 'no bananas | {n} banana | {n} bananas'
      }
    }
  }
})

const count = ref(0)
</script>

<template>
  <i18n-t keypath="message.plural" :plural="count">
    <template #n>
      <b>{{ count }}</b>
    </template>
  </i18n-t>
</template>

DatetimeFormat コンポーネント

日時ローカライズのために、Vue I18n v9ではNumberFormatコンポーネントと同様にDatetimeFormatコンポーネントも提供しています。

日時ローカライズのカスタムフォーマットを参照

i18n カスタムブロック

• global属性を参照