rework Menu Bar / Rework socketioStore

quasar.config.ts

@@ -2,6 +2,7 @@
 // https://v2.quasar.dev/quasar-cli-vite/quasar-config-file
 
 import { defineConfig } from '#q-app/wrappers';
+import { fileURLToPath } from 'node:url';
 
 export default defineConfig((/* ctx */) => {
   return {
@@ -11,7 +12,7 @@ export default defineConfig((/* ctx */) => {
     // app boot file (/src/boot)
     // --> boot files are part of "main.js"
     // https://v2.quasar.dev/quasar-cli-vite/boot-files
-    boot: ['axios', 'socket'],
+    boot: ['axios', 'socketio'],
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#css
     css: ['app.scss'],
@@ -32,6 +33,11 @@ export default defineConfig((/* ctx */) => {
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#build
     build: {
+      alias: {
+        constants: fileURLToPath(new URL('./src/constants', import.meta.url)),
+        functions: fileURLToPath(new URL('./src/functions', import.meta.url)),
+        types: fileURLToPath(new URL('./src/types', import.meta.url)),
+      },
       target: {
         browser: ['es2022', 'firefox115', 'chrome115', 'safari14'],
         node: 'node20',
@@ -43,7 +49,7 @@ export default defineConfig((/* ctx */) => {
         // extendTsConfig (tsConfig) {}
       },
 
-      vueRouterMode: 'hash', // available values: 'hash', 'history'
+      vueRouterMode: 'history', // available values: 'hash', 'history'
       // vueRouterBase,
       // vueDevtools,
       // vueOptionsAPI: false,
@@ -65,7 +71,13 @@ export default defineConfig((/* ctx */) => {
       extendViteConf() {
         return {
           server: {
-            allowedHosts: ['localhost'],
+            hmr: {
+//              overlay: false,
+            },
+            allowedHosts: [
+              'localhost',
+              'strixx.famor.org'
+            ],
           },
         };
       },
@@ -79,6 +91,7 @@ export default defineConfig((/* ctx */) => {
               lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
               useFlatConfig: true,
             },
+            overlay: false,
           },
           { server: false },
         ],
@@ -95,6 +108,7 @@ export default defineConfig((/* ctx */) => {
         '/api': {
           target: 'http://localhost:8000',
           changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, ''),
         },
         '/socket.io': {
           target: 'http://localhost:8000', // Your backend WebSocket server
@@ -112,7 +126,7 @@ export default defineConfig((/* ctx */) => {
       config: {
         dark: true,
       },
-        iconSet: 'material-icons', // Quasar icon set
+      iconSet: 'material-icons', // Quasar icon set
       // lang: 'en-US', // Quasar language pack
 
       // For special cases outside of where the auto-import strategy can have an impact