fix: add astro.config.mjs with @tailwindcss/vite plugin

Tailwind 4 was producing only theme variables (oklch colors)
without any utility classes because Astro had no astro.config.mjs
wiring the @tailwindcss/vite plugin. Result: site rendered
unstyled despite all components and HTML being correct.

Verified locally after fix:
- CSS bundle grew from 21 KB (theme only) to 36 KB (theme + utilities)
- 23 utility-class definitions present (bg-neutral-900, text-white,
  min-h-screen, backdrop-blur, font-bold, flex etc)

Also adds @source directive in global.css to ensure Tailwind
scans .astro files for class usage.

This commit is contained in:

Linus Olofsson

2026-05-20 22:36:47 +02:00

parent 3ae9add947

commit 3e8a4ddc40

2 changed files with 12 additions and 1 deletions

									
										astro.config.mjs
									
		+8
		
												View File
												
				@@ -0,0 +1,8 @@

				import { defineConfig } from 'astro/config';

				import tailwindcss from '@tailwindcss/vite';

				export default defineConfig({

				  vite: {

				    plugins: [tailwindcss()],

				  },

				});