Custom auto completion preset for UnoCSS
npm install unocss-preset-completionCustom auto completion preset for UnoCSS
- 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
``sh`
npm i -D unocss-preset-completion unocss`sh`
yarn i -D unocss-preset-completion unocss`sh`
pnpm i -D unocss-preset-completion unocss`sh`
bun i -D unocss-preset-completion unocss
`ts
// 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(),
],
})
``
MIT