feat: add i18n

medusiora · Mar 31, 2024 · abc8572 · abc8572
1 parent cd4b8ed
commit abc8572
Show file tree

Hide file tree

Showing 6 changed files with 302 additions and 53 deletions.
diff --git a/README.md b/README.md
@@ -13,6 +13,7 @@ Nuxt 3 frontend template for third-party API integrations.
 - [ ] 🍍 [State & Store Management (Pinia)](https://pinia.vuejs.org/)
 - [ ] 🍍 [Subscribing to the state](https://pinia.vuejs.org/core-concepts/state.html#Subscribing-to-the-state)
 - [x] 🍀 [Vue Composition Collection (Vueuse)](https://vueuse.org/)
+- [ ] 🆎 [Internationalization (i18n)](https://v8.i18n.nuxtjs.org/)
 
 ## Setup
 

diff --git a/lang/en-US.json b/lang/en-US.json
@@ -0,0 +1,3 @@
+{
+  "hello": "Hello"
+}
diff --git a/lang/th-TH.json b/lang/th-TH.json
@@ -0,0 +1,3 @@
+{
+  "hello": "สวัสดี"
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -2,7 +2,28 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
 
-  modules: ["@nuxtjs/tailwindcss", "@nuxtjs/eslint-module", "@vueuse/nuxt"],
+  modules: [
+    "@nuxtjs/tailwindcss",
+    "@nuxtjs/eslint-module",
+    "@vueuse/nuxt",
+    "@nuxtjs/i18n",
+  ],
+
+  i18n: {
+    locales: [
+      {
+        code: "en",
+        file: "en-US.json",
+      },
+      {
+        code: "th",
+        file: "th-TH.json",
+      },
+    ],
+    lazy: true,
+    langDir: "lang",
+    defaultLocale: "en",
+  },
 
   postcss: {
     plugins: {

diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
   "devDependencies": {
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/eslint-module": "^4.1.0",
+    "@nuxtjs/i18n": "^8.2.0",
     "@nuxtjs/tailwindcss": "^6.11.4",
     "@vueuse/core": "^10.9.0",
     "@vueuse/nuxt": "^10.9.0",