brand logo

UnoCSS

MDC Extractor

UnoCSS 用の MDC extractor (@unocss/extractor-mdc)

MDC Extractor

MDC (Markdown Components) 構文からクラスを抽出することをサポートします。

インストール

::: code-group

pnpm
pnpm add -D @unocss/extractor-mdc
yarn
yarn add -D @unocss/extractor-mdc
npm
npm install -D @unocss/extractor-mdc
bun
bun add -D @unocss/extractor-mdc

:::

uno.config.ts
import extractorMdc from '@unocss/extractor-mdc'
import { defineConfig } from 'unocss'

export default defineConfig({
  extractors: [
    extractorMdc(),
  ],
})

この設定により、.md .mdc および .markdown ファイルに対してクラスのインラインプロップス使用を抽出します。例えば

# Title{.text-2xl.font-bold}

Hello [World]{.text-blue-500}

![image](/image.png){.w-32.h-32}

text-2xl、font-bold、text-blue-500、w-32、h-32 のクラスが抽出されます。

© 2021–PRESENT Anthony Fu https://github.com/antfu

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
#