Новые функции в версии 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, мы также предлагаем компонент DatetimeFormat, как и Компонент NumberFormat.

Смотрите Пользовательская настройка локализации даты и времени

Пользовательский блок i18n

• Смотрите атрибут global