Confiure oxlint into Vite + Config and enable type aware

.github/workflows/tests.yml

@@ -31,8 +31,8 @@ jobs:
       - name: Setup Bun
         uses: oven-sh/setup-bun@v2
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
+      - name: Setup Vite+
+        uses: voidzero-dev/setup-vp@v1
         with:
           node-version: 24
 
@@ -60,7 +60,7 @@ jobs:
         run: php artisan key:generate
 
       - name: Install Bun Dependencies
-        run: bun install --frozen-lockfile
+        run: bun install
 
       - name: Build Assets
         run: bun run build

README.md

@@ -24,7 +24,7 @@ Modern PHP has evolved into a mature, type-safe language, yet many Laravel proje
 - **Fully Actions-Oriented Architecture**: Every operation is encapsulated in a single-action class
 - **Cruddy by Design**: Standardized CRUD operations for all controllers, actions, and Inertia & React pages
 - **100% Type Coverage**: Every method, property, and parameter is explicitly typed
-- **Zero Tolerance for Code Smells**: Rector, PHPStan, OxLint, and Prettier at maximum strictness catch issues before they become bugs
+- **Zero Tolerance for Code Smells**: Rector, PHPStan, OxLint, and Oxfmt at maximum strictness catch issues before they become bugs
 - **Immutable-First Architecture**: Data structures favor immutability to prevent unexpected mutations
 - **Fail-Fast Philosophy**: Errors are caught at compile-time, not runtime
 - **Automated Code Quality**: Pre-configured tools ensure consistent, pristine code across your entire team
@@ -80,10 +80,10 @@ You should see 100% test coverage and all quality checks passing.
 ## Available Tooling
 
 ### Development
-- `composer dev` - Starts Laravel server, queue worker, log monitoring, and Vite dev server concurrently
+- `composer dev` - Starts Laravel server, queue worker, log monitoring, and Vite+ dev server concurrently
 
 ### Code Quality
-- `composer lint` - Runs Rector (refactoring), Pint (PHP formatting), and Prettier (JS/TS formatting)
+- `composer lint` - Runs Rector (refactoring), Pint (PHP formatting), and Oxfmt (JS/TS formatting)
 - `composer test:lint` - Dry-run mode for CI/CD pipelines
 
 ### Testing

resources/js/app.tsx

@@ -9,7 +9,7 @@ import '../css/app.css';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
-createInertiaApp({
+void createInertiaApp({
     title: (title) => (title ? `${title} - ${appName}` : appName),
     resolve: (name) =>
         resolvePageComponent<ComponentType>(

resources/js/components/two-factor-recovery-codes.tsx

@@ -46,7 +46,7 @@ export default function TwoFactorRecoveryCodes({
 
     useEffect(() => {
         if (!recoveryCodesList.length) {
-            fetchRecoveryCodes();
+            void fetchRecoveryCodes();
         }
     }, [recoveryCodesList.length, fetchRecoveryCodes]);
 

resources/js/components/two-factor-setup-modal.tsx

@@ -305,7 +305,7 @@ export default function TwoFactorSetupModal({
 
     useEffect(() => {
         if (isOpen && !qrCodeSvg) {
-            fetchSetupData();
+            void fetchSetupData();
         }
     }, [isOpen, qrCodeSvg, fetchSetupData]);
 

tsconfig.json

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

vite.config.ts

@@ -1,10 +1,17 @@
-import { wayfinder } from '@laravel/vite-plugin-wayfinder';
+import {wayfinder} from '@laravel/vite-plugin-wayfinder';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import laravel from 'laravel-vite-plugin';
-import { defineConfig } from 'vite-plus';
+import {defineConfig} from 'vite-plus';
 
 export default defineConfig({
+    lint: {
+        options: {
+            typeAware: true,
+            typeCheck: true,
+        },
+        plugins: ['eslint', 'typescript', 'unicorn', 'oxc', 'react'],
+    },
     fmt: {
         printWidth: 80,
         tabWidth: 4,
@@ -13,32 +20,42 @@ export default defineConfig({
         singleQuote: true,
         overrides: [
             {
-                files: ["**/*.yml"],
+                files: ['**/*.yml'],
                 options: {
                     tabWidth: 2,
                 },
             },
         ],
         sortTailwindcss: {
-            functions: ["clsx", "cn"],
-            stylesheet: "resources/css/app.css",
+            functions: ['clsx', 'cn'],
+            stylesheet: 'resources/css/app.css',
         },
         sortImports: {
-            groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
+            groups: [
+                'builtin',
+                'external',
+                'internal',
+                'parent',
+                'sibling',
+                'index',
+            ],
             newlinesBetween: false,
         },
+        ignorePatterns: [
+            'resources/js/components/ui/*',
+            'resources/views/mail/*',
+            'resources/js/actions/*',
+            'resources/js/routes/*',
+            'resources/js/wayfinder/*',
+        ],
     },
     plugins: [
         laravel({
             input: ['resources/css/app.css', 'resources/js/app.tsx'],
             ssr: 'resources/js/ssr.tsx',
             refresh: true,
         }),
-        react({
-            babel: {
-                plugins: ['babel-plugin-react-compiler'],
-            },
-        }),
+        react(),
         tailwindcss(),
         wayfinder({
             formVariants: true,