update packages

.vscode/settings.json

@@ -17,9 +17,9 @@
     "vue"
   ],
   "i18n-ally.localesPaths": [
-    "src/locales"
+    "src/i18n/locales"
   ],
   "i18n-ally.sortKeys": false,
   "i18n-ally.keepFulfilled": false,
   "i18n-ally.keystyle": "nested"
-}
+}

package.json

@@ -5,5 +5,5 @@
     "dev": "docker compose -f docker-compose.dev.yml up",
     "build": "docker build -t wg-easy ."
   },
-  "packageManager": "[email protected]0.0"
+  "packageManager": "[email protected]3.0"
 }

src/app/components/ui/ChooseLang.vue

@@ -31,8 +31,7 @@
 </template>
 
 <script setup lang="ts">
-import { LOCALES } from '~/../i18n.config';
+const { locale, locales } = useI18n();
-const { locale } = useI18n();
 const emit = defineEmits(['update:lang']);
 
 const langProxy = ref(locale);
@@ -41,5 +40,5 @@ watch(langProxy, (newVal) => {
   emit('update:lang', newVal);
 });
 
-const langs = LOCALES.sort((a, b) => a.value.localeCompare(b.value));
+const langs = locales.value.sort((a, b) => a.value.localeCompare(b.value));
 </script>

src/i18n.config.ts → src/i18n/i18n.config.ts

@@ -19,35 +19,13 @@ import it from './locales/it.json';
 import th from './locales/th.json';
 import hi from './locales/hi.json';
 
-const LOCALES = [
+import { LOCALES } from '~~/shared/locales';
-  { value: 'en', name: 'English' },
-  { value: 'ua', name: 'Українська' },
-  { value: 'ru', name: 'Русский' },
-  { value: 'tr', name: 'Türkçe' },
-  { value: 'no', name: 'Norsk' },
-  { value: 'pl', name: 'Polski' },
-  { value: 'fr', name: 'Français' },
-  { value: 'de', name: 'Deutsch' },
-  { value: 'ca', name: 'Català' },
-  { value: 'es', name: 'Español' },
-  { value: 'ko', name: '한국어' },
-  { value: 'vi', name: 'Tiếng Việt' },
-  { value: 'nl', name: 'Nederlands' },
-  { value: 'is', name: 'Íslenska' },
-  { value: 'pt', name: 'Português' },
-  { value: 'zh-chs', name: '简体中文' },
-  { value: 'zh-cht', name: '繁體中文' },
-  { value: 'it', name: 'Italiano' },
-  { value: 'th', name: 'ไทย' },
-  { value: 'hi', name: 'हिन्दी' },
-];
-
-export { LOCALES };
 
 export default defineI18nConfig(() => ({
   fallbackLocale: 'en',
   legacy: false,
   locale: 'en',
+  locales: LOCALES,
   messages: {
     en,
     ua,

src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wg-easy",
-  "version": "14.0.0",
+  "version": "15.0.0-alpha.1",
   "description": "The easiest way to run WireGuard VPN + Web-based Admin UI.",
   "private": true,
   "type": "module",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@eschricht/nuxt-color-mode": "^1.1.5",
-    "@nuxtjs/i18n": "^8.5.1",
+    "@nuxtjs/i18n": "^9.0.0",
-    "@nuxtjs/tailwindcss": "^6.12.1",
+    "@nuxtjs/tailwindcss": "^6.12.2",
-    "@pinia/nuxt": "^0.5.4",
+    "@pinia/nuxt": "^0.7.0",
-    "@tailwindcss/forms": "^0.5.8",
+    "@tailwindcss/forms": "^0.5.9",
-    "apexcharts": "^3.53.0",
+    "apexcharts": "^4.0.0",
     "argon2": "^0.41.1",
     "basic-auth": "^2.0.1",
     "cidr-tools": "^11.0.2",
@@ -32,28 +32,28 @@
     "is-ip": "^5.0.1",
     "js-sha256": "^0.11.0",
     "lowdb": "^7.0.1",
-    "nuxt": "^3.13.0",
+    "nuxt": "^3.14.159",
-    "pinia": "^2.2.2",
+    "pinia": "^2.2.6",
     "qrcode": "^1.5.4",
-    "radix-vue": "^1.9.5",
+    "radix-vue": "^1.9.9",
     "semver": "^7.6.3",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.14",
     "timeago.js": "^4.0.2",
     "vue": "latest",
-    "vue3-apexcharts": "^1.6.0",
+    "vue3-apexcharts": "^1.7.0",
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.5.5",
+    "@nuxt/eslint-config": "^0.6.1",
     "@types/debug": "^4.1.12",
     "@types/qrcode": "^1.5.5",
     "@types/semver": "^7.5.8",
-    "eslint": "^9.9.1",
+    "eslint": "^9.14.0",
     "eslint-config-prettier": "^9.1.0",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.8",
-    "typescript": "^5.5.4",
+    "typescript": "^5.6.3",
-    "vue-tsc": "^2.1.4"
+    "vue-tsc": "^2.1.10"
   },
-  "packageManager": "[email protected]0.0"
+  "packageManager": "[email protected]3.0"
 }

src/server/utils/types.ts

@@ -1,7 +1,7 @@
 import type { ZodSchema } from 'zod';
 import { z, ZodError } from 'zod';
 import type { H3Event, EventHandlerRequest } from 'h3';
-import { LOCALES } from '~~/i18n.config';
+import { LOCALES } from '#shared/locales';
 
 // TODO: use i18n for messages
 
@@ -86,7 +86,7 @@ const port = z
 
 const objectMessage = 'zod.body'; // i18n key
 
-const langs = LOCALES.map((lang) => lang.value);
+const langs = LOCALES.map((lang) => lang.code);
 const lang = z.enum(['', ...langs]);
 
 export const langType = z.object({

src/services/database/repositories/system.ts

@@ -1,8 +1,8 @@
 import type { SessionConfig } from 'h3';
 import type { DeepReadonly } from 'vue';
-import type { LOCALES } from '~~/i18n.config';
+import type { LOCALES } from '#shared/locales';
 
-export type Lang = (typeof LOCALES)[number]['value'];
+export type Lang = (typeof LOCALES)[number]['code'];
 
 export type IpTables = {
   PreUp: string;

src/shared/locales.ts

@@ -0,0 +1,22 @@
+export const LOCALES = [
+  { code: 'en', name: 'English' },
+  { code: 'ua', name: 'Українська' },
+  { code: 'ru', name: 'Русский' },
+  { code: 'tr', name: 'Türkçe' },
+  { code: 'no', name: 'Norsk' },
+  { code: 'pl', name: 'Polski' },
+  { code: 'fr', name: 'Français' },
+  { code: 'de', name: 'Deutsch' },
+  { code: 'ca', name: 'Català' },
+  { code: 'es', name: 'Español' },
+  { code: 'ko', name: '한국어' },
+  { code: 'vi', name: 'Tiếng Việt' },
+  { code: 'nl', name: 'Nederlands' },
+  { code: 'is', name: 'Íslenska' },
+  { code: 'pt', name: 'Português' },
+  { code: 'zh-chs', name: '简体中文' },
+  { code: 'zh-cht', name: '繁體中文' },
+  { code: 'it', name: 'Italiano' },
+  { code: 'th', name: 'ไทย' },
+  { code: 'hi', name: 'हिन्दी' },
+];