Update to vite 8

package.json

@@ -16,22 +16,22 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.23.9",
-    "@tailwindcss/vite": "^4.1.7",
+    "@tailwindcss/vite": "^4.2.4",
     "@types/google.maps": "^3.54.3",
     "@types/leaflet": "^1.9.6",
     "@types/lodash": "^4.17.13",
     "@types/nprogress": "^0.2.3",
     "@types/qs": "^6.9.18",
     "@types/sortablejs": "^1.15.8",
-    "@vitejs/plugin-legacy": "^5.3.2",
-    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-legacy": "^8.0.1",
+    "@vitejs/plugin-vue": "^6.0.6",
     "@vue/language-server": "^2.1.6",
     "core-js": "^3.36.0",
-    "laravel-vite-plugin": "^1.0.5",
-    "tailwindcss": "^4.1.7",
+    "laravel-vite-plugin": "^3.0.1",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.3.0",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9",
+    "vite": "^8.0.10",
     "vite-bundle-visualizer": "^0.8.1",
     "vite-plugin-circular-dependency": "^0.4.1",
     "vite-svg-loader": "^5.1.0"

resources/js/components/ui/FieldGridColumn.vue

@@ -16,8 +16,3 @@
         <slot />
     </div>
 </template>
-<!--    <div class="px-[calc(var(&#45;&#45;gap-x)/2)] mb-[&#45;&#45;gap-y] w-[calc(var(&#45;&#45;size-xs)/12*100%)] md:w-[calc(var(&#45;&#45;size)/12*100%)]"-->
-<!--        :style="{ '&#45;&#45;size': layout?.size ?? 12, '&#45;&#45;size-xs': layout?.sizeXS ?? 12 }"-->
-<!--    >-->
-<!--        <slot></slot>-->
-<!--    </div>-->

resources/js/components/ui/StateIcon.vue

@@ -10,7 +10,6 @@
     <div class="relative rounded-full" :style="{ '--color': stateValue?.color ?? 'black' }"
         style="--border: oklch(from var(--color) .9 min(calc(c * .2), 0.03) h);"
     >
-<!--        <div class="absolute inset-0 rounded-full bg-[var(&#45;&#45;color)] opacity-10"></div>-->
         <div class="h-1 w-1 rounded-full bg-(--color) outline outline-(--border)"></div>
     </div>
 </template>

resources/js/sharp.ts

@@ -1,7 +1,6 @@
 import '../css/vendors.css';
 import '../css/app.css';
 
-import './polyfills';
 import { createApp, DefineComponent, h, nextTick } from 'vue';
 import { createInertiaApp } from '@inertiajs/vue3';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';

vite.config.ts

@@ -15,9 +15,6 @@ export default defineConfig(({ mode, command }) => {
         envDir: path.join(process.cwd(), '/demo'),
         build: {
             outDir: 'dist',
-            commonjsOptions: {
-                requireReturnsDefault: 'preferred'
-            },
         },
         resolve: {
             alias: {