From 34bf80f9a7dcb0d87cc55af7119867302ae92f09 Mon Sep 17 00:00:00 2001
From: Sudo-Ivan <ivan@quad4.io>
Date: Thu, 12 Mar 2026 15:44:14 -0500
Subject: [PATCH] Improve LanguageSelector component to dynamically load and
 sort languages from locale files

---
 .../frontend/components/LanguageSelector.vue  | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/meshchatx/src/frontend/components/LanguageSelector.vue b/meshchatx/src/frontend/components/LanguageSelector.vue
index c73151b..bc05352 100644
--- a/meshchatx/src/frontend/components/LanguageSelector.vue
+++ b/meshchatx/src/frontend/components/LanguageSelector.vue
@@ -41,6 +41,18 @@
 <script>
 import MaterialDesignIcon from "./MaterialDesignIcon.vue";
 
+const localeModules = import.meta.glob("../locales/*.json", { eager: true });
+const discoveredLanguages = Object.entries(localeModules)
+    .map(([filePath, mod]) => ({
+        code: filePath.match(/\/([^/]+)\.json$/)[1],
+        name: mod.default?._languageName || filePath.match(/\/([^/]+)\.json$/)[1],
+    }))
+    .sort((a, b) => {
+        if (a.code === "en") return -1;
+        if (b.code === "en") return 1;
+        return a.name.localeCompare(b.name);
+    });
+
 export default {
     name: "LanguageSelector",
     components: {
@@ -66,18 +78,15 @@ export default {
         return {
             isDropdownOpen: false,
             dropdownPosition: { top: 0, left: 0 },
-            languages: [
-                { code: "en", name: "English" },
-                { code: "de", name: "Deutsch" },
-                { code: "ru", name: "Русский" },
-                { code: "it", name: "Italiano" },
-            ],
         };
     },
     computed: {
         currentLanguage() {
             return this.$i18n.locale;
         },
+        languages() {
+            return discoveredLanguages;
+        },
         dropdownStyle() {
             return {
                 top: `${this.dropdownPosition.top}px`,