From ab570babf660f075c9c550ce9de6202efd3a68f8 Mon Sep 17 00:00:00 2001
From: tetuaoro <65575727+tetuaoro@users.noreply.github.com>
Date: Wed, 18 Sep 2024 15:11:57 +0200
Subject: [PATCH] fix: initial value

- update: sort langs by value
---
 src/app/components/ui/ChooseLang.vue | 2 +-
 src/app/pages/setup.vue              | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/ui/ChooseLang.vue b/src/app/components/ui/ChooseLang.vue
index 4d9e207b..ba27682c 100644
--- a/src/app/components/ui/ChooseLang.vue
+++ b/src/app/components/ui/ChooseLang.vue
@@ -44,5 +44,5 @@ watch(langProxy, (newVal) => {
   updateLang('update:lang', newVal);
 });
 
-const langs = LOCALES;
+const langs = LOCALES.sort((a, b) => a.value.localeCompare(b.value));
 </script>
diff --git a/src/app/pages/setup.vue b/src/app/pages/setup.vue
index 78c31b8f..6c588f29 100644
--- a/src/app/pages/setup.vue
+++ b/src/app/pages/setup.vue
@@ -102,7 +102,7 @@
 <script setup lang="ts">
 import { FetchError } from 'ofetch';
 
-const { t, setLocale } = useI18n();
+const { t, locale, setLocale } = useI18n();
 const authStore = useAuthStore();
 const globalStore = useGlobalStore();
 
@@ -111,7 +111,7 @@ type SetupError = {
   message: string;
 };
 
-const lang = ref('en'); // default
+const lang = ref(locale.value);
 
 const username = ref<null | string>(null);
 const password = ref<null | string>(null);
@@ -132,7 +132,7 @@ watch(setupError, (value) => {
 
 function updateLang(value: string) {
   lang.value = value;
-  // TODO: if the translation does not exist, it shows the key
+  // TODO: if the translation does not exist, it shows the key instead of default (en)
   setLocale(lang.value);
 }