Predefinições

Predefinições são configurações parciais que serão mescladas na configuração principal.

Ao criar uma predefinição, geralmente exportamos uma função construtora para a qual você pode solicitar algumas opções específicas da predefinição. Por exemplo:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // suporta a maioria das configurações que você poderia ter na configuração raiz
  }
})

Então o usuário pode usá-lo assim:

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

export default defineConfig({
  presets: [
    myPreset({ /* opções da predefinição */ }),
  ],
})

Você pode verificar as predefinições oficiais e predefinições da comunidade para mais exemplos.