Svelte Extractor

class:ディレクティブからクラスを抽出することをサポートします。

<div class:text-orange-400={foo} />

これは text-orange-400 として抽出され、以下のように生成されます:

.text-orange-400 {
  color: #f6993f;
}

インストール

::: code-group

pnpm

pnpm add -D @unocss/extractor-svelte

yarn

yarn add -D @unocss/extractor-svelte

npm

npm install -D @unocss/extractor-svelte

bun

bun add -D @unocss/extractor-svelte

:::

uno.config.ts

import extractorSvelte from '@unocss/extractor-svelte'
import { defineConfig } from 'unocss'

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

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

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