Vue i18n
モダンアプリのための Vue i18n
Composition API と Options API に対応し、Nuxt ともシームレスに統合。
機能
Composition API 対応
Options API 対応
Single File Component 連携
複数形ルール
日付/時刻フォーマット
数値フォーマット
ロケールの遅延ロード
Nuxt モジュールあり
Vue DevTools 連携
クイックスタート
Composition API で Vue アプリに i18n を追加します。
<script setup>
import { useI18n } from '@better-i18n/vue';
const { t } = useI18n();
</script>
<template>
<div>
<h1>{{ t('welcome') }}</h1>
<p>{{ t('greeting', { name: 'World' }) }}</p>
</div>
</template>