Presety

Presety to częściowe konfiguracje, które zostaną scalone z główną konfiguracją.

Podczas tworzenia preseta zazwyczaj eksportujemy funkcję konstruktora, która może poprosić o opcje specyficzne dla preseta. Na przykład:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // obsługuje większość konfiguracji, którą możesz mieć w konfiguracji głównej
  }
})

Wtedy użytkownik może użyć tego w ten sposób:

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

export default defineConfig({
  presets: [
    myPreset({ /* opcje preseta */ }),
  ],
})

Możesz sprawdzić oficjalne presety i presety społeczności, aby uzyskać więcej przykładów.