Skip to content

Nuevas características en v9

Vue I18n v9 ofrece no solo soporte para Vue 3, sino que también incluye nuevas características.

Sintaxis del formato de mensaje

Funciones de mensaje

Composition API

Ver la sección avanzada de Composition API

Componente de Traducción

Soporte para la propiedad plural. Puedes especificar el número de mensajes a ser pluralizados.

El siguiente ejemplo:

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

Componente DatetimeFormat

Para la localización de fechas y horas, desde Vue I18n v9, también ofrecemos el componente DatetimeFormat como el componente NumberFormat.

Ver Personalización del formato de localización de fechas y horas

Bloque personalizado i18n