diff --git a/src/content/docs/ko/recipes/tailwind-rendered-markdown.mdx b/src/content/docs/ko/recipes/tailwind-rendered-markdown.mdx index e8cb16bf77571..3605d8fa0f27a 100644 --- a/src/content/docs/ko/recipes/tailwind-rendered-markdown.mdx +++ b/src/content/docs/ko/recipes/tailwind-rendered-markdown.mdx @@ -15,7 +15,7 @@ import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'; Astro 프로젝트는 다음과 같습니다. - - [Astro의 Tailwind 통합](/ko/guides/integrations-guide/tailwind/)이 설치되어 있어야 합니다. + - [Tailwind Vite 플러그인](/ko/guides/styling/#tailwind)이 설치되어 있어야 합니다. - Astro의 [콘텐츠 컬렉션](/ko/guides/content-collections/)을 사용해야 합니다. ## `@tailwindcss/typography` 설정 @@ -42,18 +42,9 @@ Astro 프로젝트는 다음과 같습니다. 그런 다음 패키지를 Tailwind 구성 파일에 플러그인으로 추가하세요. -```diff lang="js" -// tailwind.config.js -/** @type {import('tailwindcss').Config} */ -export default { - theme: { - // ... - }, - plugins: [ -+ require('@tailwindcss/typography'), - // ... - ], -} +```css title="src/styles/global.css" ins={2} +@import 'tailwindcss'; +@plugin '@tailwindcss/typography'; ``` ## 레시피 @@ -105,4 +96,4 @@ export default { ## 자료 -- [Tailwind Typography 문서](https://tailwindcss.com/docs/typography-plugin) \ No newline at end of file +- [Tailwind Typography 문서](https://tailwindcss.com/docs/typography-plugin)