Thinking of adding Electron.js

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,7 +5,9 @@ import {proxy} from "./proxy.js";
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({mode}) => {
+  if (mode === 'production'){
+    return {
       base: "/static/app/dist",
       plugins: [
         vue(),
@@ -21,6 +23,7 @@ export default defineConfig({
         }
       },
       build: {
+        outDir: 'dist',
         rollupOptions: {
           output: {
             entryFileNames: `assets/[name].js`,
@@ -29,4 +32,36 @@ export default defineConfig({
           }
         }
       }
+    }
+  }
+
+  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]`
+          }
+        }
+      }
+    }
+  }
 })