Nouvelles fonctionnalités de v9

Vue I18n v9 offre non seulement la prise en charge de Vue 3, mais cette version inclut également de nouvelles fonctionnalités.

Syntaxe du format de message

• Voir L'interpolation littérale

Fonctions de message

• Voir Messages liés
• Voir Pluralisation

Composition API

Voir la section avancée sur Composition API

Composant Translation

Prise en charge de la propriété plural. Vous pouvez spécifier le nombre de messages à pluraliser.

L'exemple ci-dessous :

<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>

Composant DatetimeFormat

Pour la localisation de la date et de l'heure, depuis Vue I18n v9, nous proposons également le composant DatetimeFormat comme le composant NumberFormat.

Voir Personalisation du format de la localisation de la date et de l'heure

Bloc personnalisé i18n

• Voir l'attribut global