From 681c6d2b4fd3631589c817263f067af4b2ad0c86 Mon Sep 17 00:00:00 2001
From: lila <beiweitemderbeste@protonmail.com>
Date: Sat, 21 Mar 2026 20:59:26 +0100
Subject: [PATCH] installing and configuring tailwind

---
 apps/web/package.json         | 4 +++-
 apps/web/src/index.css        | 1 +
 apps/web/src/main.tsx         | 1 +
 apps/web/src/routes/index.tsx | 2 +-
 apps/web/vite.config.ts       | 2 ++
 5 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index bf7c399..0f75e42 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,10 +10,12 @@
   },
   "dependencies": {
     "@glossa/shared": "workspace:*",
+    "@tailwindcss/vite": "^4.2.2",
     "@tanstack/react-router": "^1.168.1",
     "@tanstack/react-router-devtools": "^1.166.10",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "react-dom": "^19.2.4",
+    "tailwindcss": "^4.2.2"
   },
   "devDependencies": {
     "@tanstack/router-plugin": "^1.167.2",
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index e69de29..f1d8c73 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -0,0 +1 @@
+@import "tailwindcss";
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index 1c2707a..ac22087 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -1,6 +1,7 @@
 import { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import { RouterProvider, createRouter } from "@tanstack/react-router";
+import "./index.css";
 
 // Import the generated route tree
 import { routeTree } from "./routeTree.gen";
diff --git a/apps/web/src/routes/index.tsx b/apps/web/src/routes/index.tsx
index 688a60d..a17910a 100644
--- a/apps/web/src/routes/index.tsx
+++ b/apps/web/src/routes/index.tsx
@@ -4,7 +4,7 @@ export const Route = createFileRoute("/")({ component: Index });
 
 function Index() {
   return (
-    <div className="p-2">
+    <div className="p-2 text-3xl text-amber-400">
       <h3>Welcome Home!</h3>
     </div>
   );
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index afc3cca..06d2167 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -1,11 +1,13 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import { tanstackRouter } from "@tanstack/router-plugin/vite";
+import tailwindcss from "@tailwindcss/vite";
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
     tanstackRouter({ target: "react", autoCodeSplitting: true }),
     react(),
+    tailwindcss(),
   ],
 });