i18n Code Generator

npm install @nuxtjs/i18n

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ["@nuxtjs/i18n"],
  i18n: {
    locales: [
      { code: "en", file: "en.json", name: "English" },
      { code: "ja", file: "ja.json", name: "日本語" },
    ],
    defaultLocale: "en",
    lazy: true,
    langDir: "locales/",
    strategy: "prefix_except_default",
  },
});

{
  "hello": "Hello",
  "welcome": "Welcome to {name}",
  "nav": {
    "home": "Home",
    "about": "About",
    "contact": "Contact"
  },
  "items": "no items | one item | {count} items"
}

<script setup>
const { t } = useI18n();
const localePath = useLocalePath();
</script>

<template>
  <div>
    <h1>{{ $t("hello") }}</h1>
    <p>{{ $t("welcome", { name: "Glot" }) }}</p>

    <nav>
      <NuxtLink :to="localePath('/')">{{ $t("nav.home") }}</NuxtLink>
      <NuxtLink :to="localePath('/about')">{{ $t("nav.about") }}</NuxtLink>
    </nav>
  </div>
</template>