diff options
| author |  Yaroslav Lapin <jlarky@gmail.com>
| 2022-10-18 06:22:48 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-10-18 09:22:48 -0400 |
| commit | 66e8ae3bee9cd1acff156b7dc61ce56361ef4966 (patch) | |
| tree | 2ded7fb53f5e9fed7d23d0c56c763d2b877bcef0 | |
| parent | d7407dbb1595a8e621ec4a47a11d5ec368db1c33 (diff) | |
| download | astro-66e8ae3bee9cd1acff156b7dc61ce56361ef4966.tar.gz astro-66e8ae3bee9cd1acff156b7dc61ce56361ef4966.tar.zst astro-66e8ae3bee9cd1acff156b7dc61ce56361ef4966.zip | |
update with-tailwind example to use mdx (#5104)
* add mdx since md is deprecated now
* rename .md -> .mdx
* fix component import
* yarn format
| -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 | ||||
| -rw-r--r-- | pnpm-lock.yaml | 2 |
5 files changed, 18 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> diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index af98ae259..cca1d9229 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -326,6 +326,7 @@ importers: examples/with-tailwindcss: specifiers: + '@astrojs/mdx': ^0.11.4 '@astrojs/tailwind': ^2.1.0 '@types/canvas-confetti': ^1.4.3 astro: ^1.5.0 @@ -334,6 +335,7 @@ importers: postcss: ^8.4.14 tailwindcss: ^3.0.24 dependencies: + '@astrojs/mdx': link:../../packages/integrations/mdx '@astrojs/tailwind': link:../../packages/integrations/tailwind '@types/canvas-confetti': 1.4.3 astro: link:../../packages/astro |