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
@@ -0,0 +1,43 @@
+import { Head } from "@inertiajs/react";
+
+interface HomeProps {
+  auth: Record<string, unknown>;
+  hotelName: string;
+}
+
+export default function Home({ hotelName }: HomeProps) {
+  return (
+    <>
+      <Head title="Home" />
+      <div className="col-span-12">
+        <div className="rounded-xl bg-white p-8 text-center shadow-sm dark:bg-gray-900">
+          <h1
+            className="mb-4 text-4xl font-bold"
+            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="rounded-xl px-6 py-3 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>
+    </>
+  );
+}