add git tag version to profile menu

client/src/components/layout/ContainerLayout.vue

@@ -152,6 +152,13 @@
                             <v-list-item-title class="mx-auto">{{ $t("navigation.signOut") }}</v-list-item-title>
                         </v-list-item>
 
+                        <v-divider></v-divider>
+
+                        <v-list-item class="d-flex">
+                            <v-list-item-title>GUI Version: {{ gitTag }}</v-list-item-title>
+                        </v-list-item>
+
+
                     </v-list>
                 </v-menu>
             </div>
@@ -209,6 +216,10 @@
     const localStorageLocale: string | null = localStorage.getItem("locale");
     locale.value = localStorageLocale ?? "en";
     const languageToggle = ref<number>(locale.value === "en" ? 0 : 1);
+    
+    //git tag
+    //@ts-ignore
+    const gitTag = __GIT_TAG__;
 
     //watchers
     watch(languageToggle, () => {

client/src/plugins/vite-plugin-git-tag.ts

@@ -0,0 +1,26 @@
+import { execSync } from "child_process";
+import { Plugin } from "vite";
+
+function getGitTag() {
+  try {
+    return execSync("git describe --tags").toString().trim();
+  } catch (error) {
+    console.error("Error retrieving Git tag:", error);
+    return "unknown";
+  }
+}
+
+export function gitTagPlugin(): Plugin {
+  return {
+    name: "vite-plugin-git-tag",
+    config: () => {
+      const gitTag = getGitTag();
+      console.log(gitTag)
+      return {
+        define: {
+          __GIT_TAG__: JSON.stringify(gitTag),
+        },
+      };
+    },
+  };
+}

client/tsconfig.node.json

@@ -5,5 +5,5 @@
     "moduleResolution": "Node",
     "allowSyntheticDefaultImports": true
   },
-  "include": ["vite.config.mts"]
+  "include": ["vite.config.mts", "./src/plugins/vite-plugin-git-tag.ts"]
 }

client/vite.config.mts

@@ -1,11 +1,14 @@
 // Plugins
-import vue from '@vitejs/plugin-vue'
-import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
-import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
+import vue from "@vitejs/plugin-vue"
+import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
+import VueI18nPlugin from "@intlify/unplugin-vue-i18n/vite";
+import { gitTagPlugin } from "./src/plugins/vite-plugin-git-tag";
+
 
 // Utilities
-import { defineConfig } from 'vite'
-import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from "vite"
+import { fileURLToPath, URL } from "node:url"
+
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -18,25 +21,26 @@ export default defineConfig({
       autoImport: true,
     }),
     VueI18nPlugin({
-      include: fileURLToPath(new URL('./src/i18n/locales/**', import.meta.url)),
-    })
+      include: fileURLToPath(new URL("./src/i18n/locales/**", import.meta.url)),
+    }),
+    gitTagPlugin()
   ],
   define: { 
-    'process.env': {},
+    "process.env": {},
     _global: ({}) 
   },
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      "@": fileURLToPath(new URL("./src", import.meta.url))
     },
     extensions: [
-      '.js',
-      '.json',
-      '.jsx',
-      '.mjs',
-      '.ts',
-      '.tsx',
-      '.vue',
+      ".js",
+      ".json",
+      ".jsx",
+      ".mjs",
+      ".ts",
+      ".tsx",
+      ".vue",
     ],
   },
   server: {