init 2

vite.config.js

@@ -2,9 +2,15 @@ import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
 import { bunny } from 'laravel-vite-plugin/fonts';
 import tailwindcss from '@tailwindcss/vite';
+import vue from '@vitejs/plugin-vue';
+
+const host = process.env.VITE_HMR_HOST || "localhost";
+const clientPort = process.env.VITE_HMR_CLIENTPORT || 5173;
+const protocol = process.env.VITE_HMR_PROTOCOL || "ws";
 
 export default defineConfig({
     plugins: [
+        vue(),
         laravel({
             input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: true,
@@ -21,4 +27,16 @@ export default defineConfig({
             ignored: ['**/storage/framework/views/**'],
         },
     },
+    server: {
+        host: '0.0.0.0',
+        headers: {
+            'Cross-Origin-Embedder-Policy': 'unsafe-none',
+            'Cross-Origin-Resource-Policy': 'cross-origin',
+        },
+        hmr: {
+            protocol: protocol,
+            host: host,
+            clientPort: clientPort
+        },
+    },
 });