fixed vite config for dev server

vue3/vite.config.ts

@@ -6,43 +6,46 @@ import vuetify, {transformAssetUrls} from 'vite-plugin-vuetify'
 import {VitePWA} from "vite-plugin-pwa";
 
 // https://vitejs.dev/config/
-export default defineConfig({
+export default defineConfig(({command, mode, isSsrBuild, isPreview}) => {
-    base: './',
+    console.log('MODE: ', mode)
-    plugins: [
+    return {
-        vue({
+        base: mode == 'development' ? '/static/vue3/' : './',
-            template: {transformAssetUrls}
+        plugins: [
-        }),
+            vue({
-        vuetify({
+                template: {transformAssetUrls}
-            autoImport: true,
+            }),
-        }),
+            vuetify({
-        VitePWA({
+                autoImport: true,
-            //registerType: 'autoUpdate',
+            }),
-            strategies: 'injectManifest',
+            VitePWA({
-            srcDir: 'src',
+                //registerType: 'autoUpdate',
-            filename: 'service-worker.ts',
+                strategies: 'injectManifest',
-        })
+                srcDir: 'src',
-    ],
+                filename: 'service-worker.ts',
-    resolve: {
+            })
-        alias: {
+        ],
-            '@': fileURLToPath(new URL('./src', import.meta.url)),
+        resolve: {
-            vue: fileURLToPath(new URL("./node_modules/vue/dist/vue.esm-bundler.js", import.meta.url)),
+            alias: {
+                '@': fileURLToPath(new URL('./src', import.meta.url)),
+                vue: fileURLToPath(new URL("./node_modules/vue/dist/vue.esm-bundler.js", import.meta.url)),
+            },
+            extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue',],
         },
-        extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue',],
+        clearScreen: false,
-    },
+        build: {
-    clearScreen: false,
+            outDir: '../cookbook/static/vue3/',
-    build: {
+            // generate manifest.json in outDir
-        outDir: '../cookbook/static/vue3/',
+            manifest: 'manifest.json',
-        // generate manifest.json in outDir
+            rollupOptions: {
-        manifest: 'manifest.json',
+                // overwrite default .html entry
-        rollupOptions: {
+                input: [
-            // overwrite default .html entry
+                    'src/apps/tandoor/main.ts',
-            input: [
+                ],
-                'src/apps/tandoor/main.ts',
+            },
-            ],
         },
-    },
+        server: {
-    server: {
+            host: '0.0.0.0', // only needed to expose dev server to network bound IPs
-        host: '0.0.0.0', // only needed to expose dev server to network bound IPs
+            origin: 'http://localhost:5173',
-        origin: 'http://localhost:5173',
+        }
     }
 })