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({
-    server: {
-        watch: {
-            ignored: [
-                "**/dev_*_data/**",
-                "**/storage/**",
-            ],
-        },
-        host: "0.0.0.0",
-        hmr: {
-            host: process.env.VITE_HOST,
-        },
-    },
-    plugins: [
-        laravel({
-            input: ["resources/css/app.css", "resources/js/app.js"],
-            refresh: true,
-        }),
-        vue({
-            template: {
-                transformAssetUrls: {
-                    base: null,
-                    includeAbsolute: false,
-                },
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '')
+
+    return {
+        server: {
+            watch: {
+                ignored: [
+                    "**/dev_*_data/**",
+                    "**/storage/**",
+                ],
+            },
+            host: "0.0.0.0",
+            hmr: {
+                host: env.VITE_HOST || '0.0.0.0'
             },
-        }),
-    ],
-    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",
+            },
+        },
+    }
 });