add vue :(

vite.config.js

@@ -1,24 +1,34 @@
-import { defineConfig } from 'vite';
-import laravel from 'laravel-vite-plugin';
-import { bunny } from 'laravel-vite-plugin/fonts';
-import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from "vite";
+import laravel from "laravel-vite-plugin";
+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'],
+            input: ["resources/css/app.css", "resources/js/app.js"],
             refresh: true,
-            fonts: [
-                bunny('Instrument Sans', {
-                    weights: [400, 500, 600],
-                }),
-            ],
         }),
-        tailwindcss(),
     ],
     server: {
-        watch: {
-            ignored: ['**/storage/framework/views/**'],
+        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
         },
     },
-});
+    resolve: {
+        alias: {
+            vue: "vue/dist/vue.esm-bundler.js",
+        },
+    },
+});