Presets

Preset'ler ana yapılandırmaya birleştirilecek kısmi yapılandırmalardır.

Bir preset yazarken, genellikle bazı preset'e özgü seçenekler isteyebileceğiniz bir yapıcı fonksiyon dışa aktarırız. Örneğin:

import { definePreset, Preset } from 'unocss'

export default definePreset((options?: MyPresetOptions) => {
  return {
    name: 'my-preset',
    rules: [
      // ...
    ],
    variants: [
      // ...
    ],
    // kök yapılandırmada sahip olabileceğiniz çoğu yapılandırmayı destekler
  }
})

Sonra kullanıcı bunu şu şekilde kullanabilir:

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

export default defineConfig({
  presets: [
    myPreset({ /* preset seçenekleri */ }),
  ],
})

Daha fazla örnek için resmi preset'leri ve topluluk preset'lerini kontrol edebilirsiniz.