Migrate JavaScript to TypeScript with full type safety

- Rename all .js/.jsx files to .ts/.tsx across resources/js and theme dirs - Add TypeScript 6.0 with strict mode, tsconfig.json - Add type definitions for Inertia page props, Alpine.js, Turbolinks - Update vite.config.js entries to .ts/.tsx extensions - Update all Blade @vite() calls to match new .ts/.tsx entry points - Add TypeScript ESLint config (replacing unused Vue plugin) - Add @types/react, @types/react-dom, @types/lodash - Add typecheck script and integrate into check pipeline - Full tsc --noEmit, ESLint, and production build pass cleanly
2026-06-18 17:00:00 +02:00
parent 4aa6f01779
commit e6d92f27b3
41 changed files with 986 additions and 680 deletions
@@ -1,31 +0,0 @@
-import { Head } from '@inertiajs/react'
-
-export default function Home({ auth, hotelName }) {
-  return (
-    <>
-      <Head title="Home" />
-      <div className="col-span-12">
-        <div className="bg-white dark:bg-gray-900 rounded-xl shadow-sm p-8 text-center">
-          <h1 className="text-4xl font-bold mb-4" style={{ color: 'var(--color-text)' }}>
-            Welkom bij {hotelName}
-          </h1>
-          <p className="text-lg" style={{ color: 'var(--color-text-muted)' }}>
-            Dit is een Inertia.js pagina — zelfde layout, zelfde Tailwind, zelfde stijlen.
-          </p>
-          <div className="mt-8 flex justify-center gap-4">
-            <a
-              href="/"
-              className="px-6 py-3 rounded-xl font-semibold transition-all duration-200 hover:scale-105"
-              style={{
-                backgroundColor: 'var(--color-primary)',
-                color: 'var(--button-text-color)',
-              }}
-            >
-              Naar huis
-            </a>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}