transformerDirectives

Directives transformer is a feature that allows for using @apply, --at-apply, @screen and theme(). We will go over these in separate lessons.

The transformer can be imported with import { transformerDirectives } from 'unocss' and then used in the transformers array:

import { transformerDirectives } from 'unocss'

export default defineConfig({
  // ...
  transformers: [
    transformerDirectives(),
  ],
})