unocss-preset-completion

Custom auto completion preset for UnoCSS

Features

• Auto completion support in Function, like clsx(), cn() and so on
• Auto completion support in Object Property, like const variant = { normal: 'text-red' } and so on
• Auto completion support in CSS Directive, like --at-apply, --uno and so on
• Customizable

Install

npm i -D unocss-preset-completion unocss

yarn i -D unocss-preset-completion unocss

pnpm i -D unocss-preset-completion unocss

bun i -D unocss-preset-completion unocss

Usage

// uno.config.ts
import { defineConfig } from 'unocss'
import { presetDirectiveCompletion, presetFunctionCompletion, presetObjectCompletion } from 'unocss-preset-completion'

export default defineConfig({
  presets: [
    // ...
    presetFunctionCompletion({
      // optional
      autocompleteFunctions: ['youCustomFunction']
    }),
    presetDirectiveCompletion({
      // optional
      directives: ['--your-directive']
    }),
    presetObjectCompletion(),
  ],
})

License

MIT