refactor(vite): improve environment variable handling in Vite configuration

vite.config.js

@@ -1,37 +1,41 @@
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
 import laravel from "laravel-vite-plugin";
 import vue from "@vitejs/plugin-vue";
 
-export default defineConfig({
+export default defineConfig(({ mode }) => {
-    server: {
+    const env = loadEnv(mode, process.cwd(), '')
-        watch: {
+
-            ignored: [
+    return {
-                "**/dev_*_data/**",
+        server: {
-                "**/storage/**",
+            watch: {
-            ],
+                ignored: [
-        },
+                    "**/dev_*_data/**",
-        host: "0.0.0.0",
+                    "**/storage/**",
-        hmr: {
+                ],
-            host: process.env.VITE_HOST,
+            },
-        },
+            host: "0.0.0.0",
-    },
+            hmr: {
-    plugins: [
+                host: env.VITE_HOST || '0.0.0.0'
-        laravel({
-            input: ["resources/css/app.css", "resources/js/app.js"],
-            refresh: true,
-        }),
-        vue({
-            template: {
-                transformAssetUrls: {
-                    base: null,
-                    includeAbsolute: false,
-                },
             },
-        }),
-    ],
-    resolve: {
-        alias: {
-            vue: "vue/dist/vue.esm-bundler.js",
         },
-    },
+        plugins: [
+            laravel({
+                input: ["resources/css/app.css", "resources/js/app.js"],
+                refresh: true,
+            }),
+            vue({
+                template: {
+                    transformAssetUrls: {
+                        base: null,
+                        includeAbsolute: false,
+                    },
+                },
+            }),
+        ],
+        resolve: {
+            alias: {
+                vue: "vue/dist/vue.esm-bundler.js",
+            },
+        },
+    }
 });