プリセット

プリセットは、メインの設定にマージされる部分的な設定です。

プリセットを作成する際には、通常、プリセット固有のオプションを要求できるコンストラクタ関数をエクスポートします。例えば：

my-preset.ts

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // ルート設定で持つことができるほとんどの設定をサポートします
  }
})

その後、ユーザーは次のように使用できます：

uno.config.ts

import { defineConfig } from 'unocss'
import myPreset from './my-preset'

export default defineConfig({
  presets: [
    myPreset({ /* プリセットオプション */ }),
  ],
})

より多くの例については、公式プリセットおよびコミュニティプリセットを確認できます。

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

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