[5.x] Change Laravel Mix asset bundling to Vite setup

package.json

@@ -3,31 +3,28 @@
     "private": true,
     "scripts": {
         "dev": "npm run development",
-        "development": "mix",
-        "watch": "mix watch",
-        "watch-poll": "mix watch -- --watch-options-poll=1000",
-        "hot": "mix watch --hot",
+        "development": "NODE_ENV=development vite build --mode=development",
+        "watch": "NODE_ENV=development vite build --mode=development --watch",
         "prod": "npm run production",
-        "production": "mix --production"
+        "production": "NODE_ENV=production vite build"
     },
     "devDependencies": {
-        "axios": "^1.6.0",
+        "@vitejs/plugin-vue2": "^2.3.1",
+        "axios": "^1.6.8",
         "bootstrap": "~5.1.3",
-        "chart.js": "^2.5.0",
-        "highlight.js": "^10.4.1",
-        "laravel-mix": "^6.0.13",
-        "md5": "^2.2.1",
-        "moment": "^2.29.4",
-        "moment-timezone": "^0.5.35",
-        "phpunserialize": "1.*",
+        "chart.js": "^2.9.4",
+        "highlight.js": "^10.7.3",
+        "laravel-vite-plugin": "^1.0.2",
+        "md5": "^2.3.0",
+        "moment": "^2.30.1",
+        "moment-timezone": "^0.5.45",
+        "phpunserialize": "^1.3.0",
         "resolve-url-loader": "^5.0.0",
-        "sass": "^1.49.7",
-        "sass-loader": "^12.4",
+        "sass": "^1.74.1",
         "sql-formatter": "^4.0.2",
-        "vue": "^2.5.7",
-        "vue-json-pretty": "^1.6.2",
-        "vue-loader": "^15.9.6",
-        "vue-router": "^3.0.1",
-        "vue-template-compiler": "^2.5.21"
+        "vite": "^5.2.8",
+        "vue": "^2.7.16",
+        "vue-json-pretty": "^1.9.5",
+        "vue-router": "^3.6.5"
     }
 }

public/build/app.css

@@ -0,0 +1 @@
+#alertModal{z-index:99999;background:#00000080}#alertModal svg{display:block;margin:0 auto;width:4rem;height:4rem}

public/build/manifest.json

@@ -0,0 +1,25 @@
+{
+  "resources/img/favicon.png": {
+    "file": "favicon.png",
+    "src": "resources/img/favicon.png"
+  },
+  "resources/js/app.js": {
+    "file": "app.js",
+    "name": "app",
+    "src": "resources/js/app.js",
+    "isEntry": true,
+    "css": [
+      "app.css"
+    ]
+  },
+  "resources/sass/app-dark.scss": {
+    "file": "app-dark-css.css",
+    "src": "resources/sass/app-dark.scss",
+    "isEntry": true
+  },
+  "resources/sass/app.scss": {
+    "file": "app-css.css",
+    "src": "resources/sass/app.scss",
+    "isEntry": true
+  }
+}