chore: add react-compiler

Author: lifeiscontent

app/app.css

@@ -1,6 +1,10 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@theme {
+  --font-sans:
+    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
 
 html,
 body {

app/routes.ts

@@ -1,3 +1,6 @@
-import { type RouteConfig, index } from "@react-router/dev/routes";
+import { type RouteConfig, index, route } from "@react-router/dev/routes";
 
-export default [index("routes/home.tsx")] satisfies RouteConfig;
+export default [
+  index("routes/home.tsx"),
+  route("about", "routes/about.tsx"),
+] satisfies RouteConfig;

app/routes/about.tsx

@@ -0,0 +1,3 @@
+export default function Route() {
+    return <h1>Hello World</h1>
+}

package.json

@@ -19,14 +19,18 @@
   },
   "devDependencies": {
     "@react-router/dev": "^7.1.3",
-    "@types/node": "^20",
+    "@tailwindcss/postcss": "4.0.7",
+    "@types/node": "^22.13.4",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",
     "autoprefixer": "^10.4.20",
+    "babel-plugin-react-compiler": "19.0.0-beta-21e868a-20250216",
     "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.16",
+    "tailwindcss": "^4.0.7",
     "typescript": "^5.7.2",
-    "vite": "^5.4.11",
+    "vite": "^6.1.0",
+    "vite-plugin-babel": "1.3.0",
     "vite-tsconfig-paths": "^5.1.4"
-  }
+  },
+  "packageManager": "pnpm@10.4.1+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af"
 }