Thinking of adding Electron.js

.gitignore

@@ -49,4 +49,4 @@ coverage
 
 *.tsbuildinfo
 proxy.js
-.vite/*
+.vite/*

src/static/app/.gitignore

@@ -28,4 +28,4 @@ coverage
 
 *.tsbuildinfo
 .vite/*
-.electron/*
+electron

src/static/app/package.json

@@ -1,11 +1,12 @@
 {
   "name": "app",
-  "version": "0.0.0",
+  "version": "4.0.0",
   "private": true,
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build electron": "vite build --mode electron",
     "preview": "vite preview"
   },
   "dependencies": {

src/static/app/vite.config.js

@@ -5,27 +5,62 @@ import {proxy} from "./proxy.js";
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  base: "/static/app/dist",
-  plugins: [
-    vue(),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+export default defineConfig(({mode}) => {
+  if (mode === 'production'){
+    return {
+      base: "/static/app/dist",
+      plugins: [
+        vue(),
+      ],
+      resolve: {
+        alias: {
+          '@': fileURLToPath(new URL('./src', import.meta.url))
+        }
+      },
+      server:{
+        proxy: {
+          '/api': proxy
+        }
+      },
+      build: {
+        outDir: 'dist',
+        rollupOptions: {
+          output: {
+            entryFileNames: `assets/[name].js`,
+            chunkFileNames: `assets/[name].js`,
+            assetFileNames: `assets/[name].[ext]`
+          }
+        }
+      }
     }
-  },
-  server:{
-    proxy: {
-      '/api': proxy
-    }
-  },
-  build: {
-    rollupOptions: {
-      output: {
-        entryFileNames: `assets/[name].js`,
-        chunkFileNames: `assets/[name].js`,
-        assetFileNames: `assets/[name].[ext]`
+  }
+
+  if (mode === 'electron'){
+    return {
+      emptyOutDir: false,
+      base: './',
+      plugins: [
+        vue(),
+      ],
+      resolve: {
+        alias: {
+          '@': fileURLToPath(new URL('./src', import.meta.url))
+        }
+      },
+      server:{
+        proxy: {
+          '/api': proxy
+        }
+      },
+      build: {
+        outDir: 'electron',
+        rollupOptions: {
+          output: {
+            entryFileNames: `assets/[name].js`,
+            chunkFileNames: `assets/[name].js`,
+            assetFileNames: `assets/[name].[ext]`
+          }
+        }
       }
     }
   }