Multi-build support; tested successfully for Electron

vite.config.mjs

@@ -10,17 +10,37 @@ dotenv.config();
 // Load application configuration
 const appConfig = loadAppConfig();
 
-export default defineConfig({
-  server: {
-    port: process.env.VITE_PORT || 8080,
-  },
-  plugins: [
-    vue(),
-    VitePWA({
-      ...appConfig.pwaConfig,
-    }),
-  ],
-  resolve: {
-    alias: appConfig.aliasConfig,
-  },
+export default defineConfig(({ mode }) => {
+  const isElectron = mode === "electron";
+  const isCapacitor = mode === "capacitor";
+
+  // Set output directory based on build mode
+  const outDir = isElectron
+    ? "dist-electron"
+    : isCapacitor
+    ? "dist-capacitor"
+    : "dist";
+
+  return {
+    base: isElectron ? './' : '/',
+    server: {
+      port: process.env.VITE_PORT || 8080,
+    },
+    build: {
+      outDir, // Dynamically set output directory
+    },
+    plugins: [
+      vue(),
+      ...(isElectron
+        ? [] // Skip PWA for Electron builds
+        : [
+            VitePWA({
+              ...appConfig.pwaConfig,
+            }),
+          ]),
+    ],
+    resolve: {
+      alias: appConfig.aliasConfig,
+    },
+  };
 });