Preset

I preset sono configurazioni parziali che verranno unite nella configurazione principale.

Quando si crea un preset, di solito esportiamo una funzione costruttore per cui potresti chiedere alcune opzioni specifiche del preset. Ad esempio:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // supporta la maggior parte delle configurazioni che potresti avere nella configurazione root
  }
})

Quindi l'utente può usarlo così:

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

export default defineConfig({
  presets: [
    myPreset({ /* opzioni del preset */ }),
  ],
})

Puoi controllare i preset ufficiali e i preset della comunità per più esempi.