add tailwind

astro.config.mjs

@@ -1,10 +1,11 @@
 import { defineConfig } from 'astro/config';
 import mdx from '@astrojs/mdx';
-
 import sitemap from '@astrojs/sitemap';
 
+import tailwind from "@astrojs/tailwind";
+
 // https://astro.build/config
 export default defineConfig({
-	site: 'https://example.com',
-	integrations: [mdx(), sitemap()],
-});
+  site: 'https://example.com',
+  integrations: [mdx(), sitemap(), tailwind()]
+});

package.json

@@ -9,12 +9,16 @@
     "preview": "astro preview",
     "astro": "astro"
   },
-  "dependencies": {
+  "dependencies": {},
+  "devDependencies": {
+    "tailwindcss": "^3.4.4",
+    "typescript": "^5.5.3",
+    "@catppuccin/tailwindcss": "^0.1.6",
+    "@astrojs/check": "^0.7.0",
     "@astrojs/mdx": "^3.1.2",
     "@astrojs/rss": "^4.0.7",
     "@astrojs/sitemap": "^3.1.6",
-    "astro": "^4.11.5",
-    "@astrojs/check": "^0.7.0",
-    "typescript": "^5.5.3"
+    "@astrojs/tailwind": "^5.1.0",
+    "astro": "^4.11.5"
   }
 }

tailwind.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+}