diff options
Diffstat (limited to 'examples')
| -rw-r--r-- | examples/with-tailwindcss/astro.config.mjs | 3 | ||||
| -rw-r--r-- | examples/with-tailwindcss/package.json | 1 | ||||
| -rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.md | 11 | ||||
| -rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.mdx | 13 |
4 files changed, 16 insertions, 12 deletions
diff --git a/examples/with-tailwindcss/astro.config.mjs b/examples/with-tailwindcss/astro.config.mjs index 4ad396807..393df1a4d 100644 --- a/examples/with-tailwindcss/astro.config.mjs +++ b/examples/with-tailwindcss/astro.config.mjs @@ -1,7 +1,8 @@ import { defineConfig } from 'astro/config'; +import mdx from '@astrojs/mdx'; import tailwind from '@astrojs/tailwind'; // https://astro.build/config export default defineConfig({ - integrations: [tailwind()], + integrations: [mdx(), tailwind()], }); diff --git a/examples/with-tailwindcss/package.json b/examples/with-tailwindcss/package.json index 26095362e..4902b4195 100644 --- a/examples/with-tailwindcss/package.json +++ b/examples/with-tailwindcss/package.json @@ -11,6 +11,7 @@ "astro": "astro" }, "dependencies": { + "@astrojs/mdx": "^0.11.4", "@astrojs/tailwind": "^2.1.0", "@types/canvas-confetti": "^1.4.3", "astro": "^1.5.0", diff --git a/examples/with-tailwindcss/src/pages/markdown-page.md b/examples/with-tailwindcss/src/pages/markdown-page.md deleted file mode 100644 index 4f4859452..000000000 --- a/examples/with-tailwindcss/src/pages/markdown-page.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: 'Markdown + Tailwind' -layout: ../layouts/main.astro -setup: | - 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/examples/with-tailwindcss/src/pages/markdown-page.mdx b/examples/with-tailwindcss/src/pages/markdown-page.mdx new file mode 100644 index 000000000..8b024ec9c --- /dev/null +++ b/examples/with-tailwindcss/src/pages/markdown-page.mdx @@ -0,0 +1,13 @@ +--- +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> |