From 4d160fa1e227cfcdb4789563574fc67ac24cf243 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elian=20=E2=98=95=EF=B8=8F?= <hello@elian.codes>
Date: Mon, 7 Aug 2023 23:23:39 +0200
Subject: [PATCH] chore: remove MDX integration from Tailwind example (#7987)

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
---
 examples/with-tailwindcss/astro.config.mjs       |  3 +--
 examples/with-tailwindcss/package.json           |  1 -
 .../with-tailwindcss/src/pages/markdown-page.md  | 16 ++++++++++++++++
 .../with-tailwindcss/src/pages/markdown-page.mdx | 13 -------------
 pnpm-lock.yaml                                   |  3 ---
 5 files changed, 17 insertions(+), 19 deletions(-)
 create mode 100644 examples/with-tailwindcss/src/pages/markdown-page.md
 delete mode 100644 examples/with-tailwindcss/src/pages/markdown-page.mdx

diff --git a/examples/with-tailwindcss/astro.config.mjs b/examples/with-tailwindcss/astro.config.mjs
index 393df1a4d..4ad396807 100644
--- a/examples/with-tailwindcss/astro.config.mjs
+++ b/examples/with-tailwindcss/astro.config.mjs
@@ -1,8 +1,7 @@
 import { defineConfig } from 'astro/config';
-import mdx from '@astrojs/mdx';
 import tailwind from '@astrojs/tailwind';
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [mdx(), tailwind()],
+	integrations: [tailwind()],
 });
diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json
index e43a63330..56d74f08b 100644
--- a/examples/with-tailwindcss/package.json
+++ b/examples/with-tailwindcss/package.json
@@ -11,7 +11,6 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^0.19.7",
     "@astrojs/tailwind": "^4.0.0",
     "@types/canvas-confetti": "^1.6.0",
     "astro": "^2.10.3",
diff --git a/examples/with-tailwindcss/src/pages/markdown-page.md b/examples/with-tailwindcss/src/pages/markdown-page.md
new file mode 100644
index 000000000..de11d381b
--- /dev/null
+++ b/examples/with-tailwindcss/src/pages/markdown-page.md
@@ -0,0 +1,16 @@
+---
+title: 'Markdown + Tailwind'
+layout: ../layouts/main.astro
+---
+
+<div class="grid place-items-center h-screen content-center">
+ <div class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md">
+  Tailwind classes also work in Markdown!
+ </div>
+ <a
+  href="/"
+  class="p-4 underline hover:text-purple-500 transition-colors ease-in-out duration-200"
+ >
+  Go home
+ </a>
+</div>
diff --git a/examples/with-tailwindcss/src/pages/markdown-page.mdx b/examples/with-tailwindcss/src/pages/markdown-page.mdx
deleted file mode 100644
index 8b024ec9c..000000000
--- a/examples/with-tailwindcss/src/pages/markdown-page.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: 'Markdown + Tailwind'
-layout: ../layouts/main.astro
----
-
-import Button from '../components/Button.astro';
-
-<div class="grid place-items-center h-screen content-center">
-	<Button>Tailwind Button in Markdown!</Button>
-	<a href="/" class="p-4 underline">
-		Go home...
-	</a>
-</div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dd5274659..789238fe0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -437,9 +437,6 @@ importers:
 
   examples/with-tailwindcss:
     dependencies:
-      '@astrojs/mdx':
-        specifier: ^0.19.7
-        version: link:../../packages/integrations/mdx
       '@astrojs/tailwind':
         specifier: ^4.0.0
         version: link:../../packages/integrations/tailwind