WSL2 Frontend reload

frontend/package.json

@@ -52,8 +52,9 @@
   "devDependencies": {
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.17",
+    "is-wsl": "^3.1.0",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
     "vite": "^5.1.7"
   }
-}
+}

frontend/vite.config.mjs

@@ -1,11 +1,21 @@
 import { defineConfig } from 'vite';
+import isWsl from 'is-wsl';
 import react from '@vitejs/plugin-react';
 
 export default defineConfig(() => {
+  let watchWSL = isWsl ? {
+    watch: {
+      usePolling: true,
+      interval: 500,
+      binaryInterval: 1000,
+    }
+  } : null;
+
   return {
     build: {
       outDir: 'build',
     },
     plugins: [react()],
+    server: watchWSL,
   };
 });