integrated vuejs with vitejs and hmr to drupal theme

web/themes/custom/caravane/vite.config.js

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    hmr: {
+      host: 'localhost',
+    },
+    watch: {
+      usePolling: true,
+    },
+  },
+  build: {
+    outDir: 'assets/dist',
+    rollupOptions: {
+      input: 'assets/js/main.js',
+      output: {
+        entryFileNames: 'main.js',
+        assetFileNames: 'main.css'
+      }
+    }
+  }
+})