Nuxt i18n
Nuxt i18n 連携
自動インポート、SSR、Nitro 互換を備えた Nuxt 3 フル対応。
機能
Nuxt 3 ネイティブモジュール
composables の自動インポート
SEO ユーティリティ(useHead、useSeoMeta)
ロケールベースのルーティング
ロケールの遅延ロード
フル SSR 対応
Nuxt DevTools 連携
Nitro サーバー対応
ハイブリッドレンダリング対応
クイックスタート
モジュールで Nuxt アプリに i18n を追加します。
// nuxt.config.ts
export default defineNuxtConfig({
modules: ['@better-i18n/nuxt'],
betterI18n: {
project: 'my-org/my-project',
defaultLocale: 'en',
locales: ['en', 'tr', 'de']
}
})
// pages/index.vue
<script setup>
const { t } = useI18n()
</script>
<template>
<h1>{{ t('welcome') }}</h1>
</template>