vue-i18n / général / Translation

Alias de type : Translation()

type Translation = () => object;

Composant de traduction

Retours

object

$props

$props: VNodeProps & TranslationProps;

Remarques

Voir les éléments suivants pour les détails sur les propriétés :

• TranslationProps
• BaseFormatProps
• Interpolation des composants

Exemple

<div id="app">
  <!-- ... -->
  <i18n keypath="term" tag="label" for="tos">
    <a :href="url" target="_blank">{{ $t('tos') }}</a>
  </i18n>
  <!-- ... -->
</div>

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

const messages = {
  en: {
    tos: 'Conditions d’utilisation',
    term: 'J’accepte xxx {0}.'
  },
  ja: {
    tos: '利用規約',
    term: '私は xxx の{0}に同意します。'
  }
}

const i18n = createI18n({
  locale: 'en',
  messages
})

const app = createApp({
  data: {
    url: '/term'
  }
}).use(i18n).mount('#app')

Composant Vue I18n