Migrate all starter kits to Vite+

kits/Inertia/Base/composer.json

@@ -58,8 +58,7 @@
         ],
         "ci:check": [
             "Composer\\Config::disableProcessTimeout",
-            "npm run lint:check",
-            "npm run format:check",
+            "npm run check",
             "npm run types:check",
             "@test"
         ],

kits/Inertia/Blank/Base/composer.json

@@ -57,8 +57,7 @@
         ],
         "ci:check": [
             "Composer\\Config::disableProcessTimeout",
-            "npm run lint:check",
-            "npm run format:check",
+            "npm run check",
             "npm run types:check",
             "@test"
         ],

kits/Inertia/Blank/React/package.json

@@ -3,42 +3,23 @@
     "private": true,
     "type": "module",
     "scripts": {
-        "build": "vite build",
-        "build:ssr": "vite build && vite build --ssr",
-        "dev": "vite",
-        "format": "prettier --write resources/",
-        "format:check": "prettier --check resources/",
-        "lint": "eslint . --fix",
-        "lint:check": "eslint .",
+        "build": "vp build",
+        "build:ssr": "vp build && vp build --ssr",
+        "dev": "vp dev",
+        "check": "vp check",
+        "check:fix": "vp check --fix",
         "types:check": "tsc --noEmit"
     },
-    "devDependencies": {
-        "@eslint/js": "^9.19.0",
-        "@laravel/vite-plugin-wayfinder": "^0.1.3",
-        "@stylistic/eslint-plugin": "^5.10.0",
-        "@types/node": "^22.13.5",
-        "babel-plugin-react-compiler": "^1.0.0",
-        "eslint": "^9.17.0",
-        "eslint-config-prettier": "^10.0.1",
-        "eslint-import-resolver-typescript": "^4.4.4",
-        "eslint-plugin-import": "^2.32.0",
-        "eslint-plugin-react": "^7.37.3",
-        "eslint-plugin-react-hooks": "^7.0.0",
-        "prettier": "^3.4.2",
-        "prettier-plugin-tailwindcss": "^0.6.11",
-        "typescript-eslint": "^8.23.0"
-    },
     "dependencies": {
         "@inertiajs/react": "^3.0.0",
         "@inertiajs/vite": "^3.0.0",
         "@tailwindcss/vite": "^4.1.11",
         "@types/react": "^19.2.0",
         "@types/react-dom": "^19.2.0",
-        "@vitejs/plugin-react": "^5.2.0",
+        "@vitejs/plugin-react": "^6.0.1",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "concurrently": "^9.0.1",
-        "globals": "^15.14.0",
         "laravel-vite-plugin": "^3.0.0",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
@@ -47,6 +28,14 @@
         "typescript": "^5.7.2",
         "vite": "^8.0.0"
     },
+    "devDependencies": {
+        "@laravel/vite-plugin-wayfinder": "^0.1.3",
+        "@rolldown/plugin-babel": "^0.2.2",
+        "@types/node": "^22.13.5",
+        "@voidzero-dev/vite-plus-core": "^0.1.14",
+        "babel-plugin-react-compiler": "^1.0.0",
+        "vite-plus": "^0.1.13"
+    },
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "4.9.5",
         "@tailwindcss/oxide-linux-x64-gnu": "^4.0.1",

kits/Inertia/Blank/React/tsconfig.json

@@ -107,7 +107,6 @@
         /* Completeness */
         // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
         "skipLibCheck": true /* Skip type checking all .d.ts files. */,
-        "baseUrl": ".",
         "paths": {
             "@/*": ["./resources/js/*"]
         },

kits/Inertia/Blank/React/vite.config.ts

@@ -1,9 +1,10 @@
 import inertia from '@inertiajs/vite';
 import { wayfinder } from '@laravel/vite-plugin-wayfinder';
+import babel from '@rolldown/plugin-babel';
 import tailwindcss from '@tailwindcss/vite';
-import react from '@vitejs/plugin-react';
+import react, { reactCompilerPreset } from '@vitejs/plugin-react';
 import laravel from 'laravel-vite-plugin';
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vite-plus';
 
 export default defineConfig({
     plugins: [
@@ -12,14 +13,49 @@ export default defineConfig({
             refresh: true,
         }),
         inertia(),
-        react({
-            babel: {
-                plugins: ['babel-plugin-react-compiler'],
-            },
+        react(),
+        babel({
+            presets: [reactCompilerPreset()],
         }),
         tailwindcss(),
         wayfinder({
             formVariants: true,
         }),
     ],
+    lint: {
+        ignorePatterns: [
+            'vendor/**',
+            'node_modules/**',
+            'public/**',
+            'bootstrap/ssr/**',
+            'tailwind.config.js',
+            'resources/js/actions/**',
+            'resources/js/components/ui/*',
+            'resources/js/routes/**',
+            'resources/js/wayfinder/**',
+        ],
+        options: {
+            typeAware: true,
+        },
+    },
+    fmt: {
+        printWidth: 80,
+        tabWidth: 4,
+        singleQuote: true,
+        semi: true,
+        singleAttributePerLine: false,
+        htmlWhitespaceSensitivity: 'css',
+        ignorePatterns: [
+            '.github/**',
+            'resources/js/components/ui/*',
+            'resources/views/mail/*',
+        ],
+        sortImports: {
+            newlinesBetween: false,
+        },
+        sortTailwindcss: {
+            functions: ['clsx', 'cn', 'cva'],
+            entryPoint: 'resources/css/app.css',
+        },
+    },
 });