From dccbe7599f2bbd0856c27e75aa076cd69a3f11ba Mon Sep 17 00:00:00 2001
From: xiaomai <xiaomai@ramatex.com.my>
Date: Tue, 4 Nov 2025 10:47:06 +0800
Subject: [PATCH] feat(i18n): add internationalization support

This commit introduces internationalization (i18n) support by integrating the `@nuxtjs/i18n` module. It configures English (en) and
Simplified Chinese (zh-CN) locales, adds a language selector to the header, and internationalizes the index page content using
translation files.
---
 .gitignore                    |  2 ++
 .repomixignore                |  4 ++++
 .vscode/settings.json         |  7 ++++++
 app/pages/index.vue           | 18 ++++++++++++++-
 i18n/locales/en-US/index.json |  5 +++++
 i18n/locales/zh-CN/index.json |  5 +++++
 nuxt.config.ts                | 19 +++++++++++++++-
 package.json                  |  1 +
 repomix.config.json           | 42 +++++++++++++++++++++++++++++++++++
 9 files changed, 101 insertions(+), 2 deletions(-)
 create mode 100644 .repomixignore
 create mode 100644 .vscode/settings.json
 create mode 100644 i18n/locales/en-US/index.json
 create mode 100644 i18n/locales/zh-CN/index.json
 create mode 100644 repomix.config.json

diff --git a/.gitignore b/.gitignore
index 4a7f73a..99b3c47 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,5 @@ logs
 .env
 .env.*
 !.env.example
+
+repomix-output.xml
\ No newline at end of file
diff --git a/.repomixignore b/.repomixignore
new file mode 100644
index 0000000..c63e5bc
--- /dev/null
+++ b/.repomixignore
@@ -0,0 +1,4 @@
+# Add patterns to ignore here, one per line
+# Example:
+# *.log
+# tmp/
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..44f8c43
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,7 @@
+{
+  "i18n-ally.localesPaths": ["i18n/locales"],
+"i18n-ally.enabledFrameworks": [
+    "vue"
+],
+"i18n-ally.keystyle": "nested"
+}
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 74c3f4d..0f820a5 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,6 +1,19 @@
 <template>
   <UPage>
-    <UPageSection title="Trusted by">
+    <UHeader>
+      <template #title> Tootaio Studio </template>
+      <template #right>
+        <ULocaleSelect
+          :model-value="locale"
+          :locales="[en, zh_cn]"
+          @update:model-value="(v) => setLocale(v as 'en' | 'zh-CN')"
+        />
+      </template>
+    </UHeader>
+    <UPageSection
+      title="Trusted by"
+      :description="$t('index.trustedBy', { count: 10000 })"
+    >
       <UMarquee>
         <img
           v-for="logo in trustedBy"
@@ -15,6 +28,9 @@
 </template>
 
 <script lang="ts" setup>
+import { en, zh_cn } from "@nuxt/ui/locale";
+const { locale, setLocale } = useI18n();
+
 const trustedBy = ref([
   { src: "/index/trusted-by/logoipsum-284.svg", alt: "Logo Ipsum" },
   { src: "/index/trusted-by/logoipsum-338.svg", alt: "Logo Ipsum" },
diff --git a/i18n/locales/en-US/index.json b/i18n/locales/en-US/index.json
new file mode 100644
index 0000000..14dc7ea
--- /dev/null
+++ b/i18n/locales/en-US/index.json
@@ -0,0 +1,5 @@
+{
+  "index": {
+    "trustedBy": "Trusted by over {count} users worldwide"
+  }
+}
diff --git a/i18n/locales/zh-CN/index.json b/i18n/locales/zh-CN/index.json
new file mode 100644
index 0000000..900b5af
--- /dev/null
+++ b/i18n/locales/zh-CN/index.json
@@ -0,0 +1,5 @@
+{
+  "index": {
+    "trustedBy": "全球有超过 {count} 用户信赖"
+  }
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index acb7d4c..2e1b48b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,6 +2,23 @@
 export default defineNuxtConfig({
   compatibilityDate: "2025-07-15",
   devtools: { enabled: true },
-  modules: ["@nuxt/content", "@nuxt/ui", "@nuxt/eslint"],
+  modules: ["@nuxt/content", "@nuxt/ui", "@nuxt/eslint", "@nuxtjs/i18n"],
   css: ["@/assets/css/main.css"],
+  i18n: {
+    defaultLocale: "en",
+    locales: [
+      {
+        code: "en",
+        iso: "en-US",
+        name: "English",
+        files: ["en-US/index.json"],
+      },
+      {
+        code: "zh-CN",
+        iso: "zh-CN",
+        name: "简体中文",
+        files: ["zh-CN/index.json"],
+      },
+    ],
+  },
 });
diff --git a/package.json b/package.json
index 11bfe0c..4be804d 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@nuxt/content": "3.8.0",
     "@nuxt/eslint": "1.10.0",
     "@nuxt/ui": "4.1.0",
+    "@nuxtjs/i18n": "10.2.0",
     "better-sqlite3": "^12.4.1",
     "eslint": "^9.39.0",
     "nuxt": "^4.2.0",
diff --git a/repomix.config.json b/repomix.config.json
new file mode 100644
index 0000000..7730ddb
--- /dev/null
+++ b/repomix.config.json
@@ -0,0 +1,42 @@
+{
+  "$schema": "https://repomix.com/schemas/latest/schema.json",
+  "input": {
+    "maxFileSize": 52428800
+  },
+  "output": {
+    "filePath": "repomix-output.xml",
+    "style": "xml",
+    "parsableStyle": false,
+    "fileSummary": true,
+    "directoryStructure": true,
+    "files": true,
+    "removeComments": false,
+    "removeEmptyLines": false,
+    "compress": false,
+    "topFilesLength": 5,
+    "showLineNumbers": false,
+    "truncateBase64": false,
+    "copyToClipboard": false,
+    "includeFullDirectoryStructure": false,
+    "tokenCountTree": false,
+    "git": {
+      "sortByChanges": true,
+      "sortByChangesMaxCommits": 100,
+      "includeDiffs": false,
+      "includeLogs": false,
+      "includeLogsCount": 50
+    }
+  },
+  "include": ["pages/index.vue", "i18n/locales/**/*.json", "nuxt.config.ts"],
+  "ignore": {
+    "useGitignore": true,
+    "useDefaultPatterns": true,
+    "customPatterns": []
+  },
+  "security": {
+    "enableSecurityCheck": true
+  },
+  "tokenCount": {
+    "encoding": "o200k_base"
+  }
+}