feat: example

withastro · Jan 23, 2025 · 83eea24 · 83eea24
1 parent bc11481
commit 83eea24
Show file tree

Hide file tree

Showing 9 changed files with 23 additions and 25 deletions.
diff --git a/.changeset/four-chairs-exercise.md b/.changeset/four-chairs-exercise.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+aaa
diff --git a/examples/with-tailwindcss/astro.config.mjs b/examples/with-tailwindcss/astro.config.mjs
@@ -1,8 +1,10 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
+import tailwindcss from '@tailwindcss/vite';
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [tailwind()],
+	vite: {
+		plugins: [tailwindcss()]
+	}
 });
diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json
@@ -11,12 +11,10 @@
   },
   "dependencies": {
     "@astrojs/mdx": "^4.0.7",
-    "@astrojs/tailwind": "^5.1.5",
+    "@tailwindcss/vite": "^4.0.0",
     "@types/canvas-confetti": "^1.9.0",
     "astro": "^5.1.8",
-    "autoprefixer": "^10.4.20",
     "canvas-confetti": "^1.9.3",
-    "postcss": "^8.5.1",
-    "tailwindcss": "^3.4.17"
+    "tailwindcss": "^4.0.0"
   }
 }
diff --git a/examples/with-tailwindcss/src/layouts/main.astro b/examples/with-tailwindcss/src/layouts/main.astro
@@ -1,4 +1,5 @@
 ---
+import '../styles/global.css';
 const { content } = Astro.props;
 ---
 

diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro
@@ -1,4 +1,5 @@
 ---
+import '../styles/global.css';
 // Component Imports
 import Button from '../components/Button.astro';
 

diff --git a/examples/with-tailwindcss/src/styles/global.css b/examples/with-tailwindcss/src/styles/global.css
@@ -0,0 +1 @@
+@import "tailwindcss";
diff --git a/examples/with-tailwindcss/tailwind.config.cjs b/examples/with-tailwindcss/tailwind.config.cjs
diff --git a/packages/astro/src/cli/add/index.ts b/packages/astro/src/cli/add/index.ts
@@ -824,7 +824,10 @@ async function validateIntegrations(integrations: string[]): Promise<Integration
 				}
 
 				if (integration === 'tailwind') {
-					dependencies.push(['@tailwindcss/vite', '^4.0.0']);
+					dependencies = [
+						['@tailwindcss/vite', '^4.0.0'],
+						['tailwindcss', '^4.0.0'],
+					];
 				}
 
 				return { id: integration, packageName, dependencies, type: integrationType };

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml