Components library as a Nuxt3 module using UnoCSS.
Then, register the module in your `nuxt.config.js`:
If you want latest updates, please use `@nuxthq/ui-edge` in your `package.json`:
- `preset`
Choose preset. Defaults to `tailwindui`. An object can also be used to override some parts of the default preset.
- `prefix`
Define the prefix of the imported components. Defaults to `u`.
Example:
- `colors.primary`
Define the primary variant. Defaults to `indigo`. You can specify your own object of colors like here:
Example:
- `colors.gray`
Define the gray variant. Defaults to `zinc`. You can like the `primary` color specify your own object. https://github.com/antfu/unocss/blob/main/packages/preset-uno/src/theme/colors.ts
- `unocss.shortcuts`. Defaults to `[]`.
Define UnoCSS shortcuts: https://github.com/antfu/unocss#shortcuts.
- `unocss.rules`. Defaults to `[]`.
Customize UnoCSS rules: https://github.com/antfu/unocss#custom-rules.
- `unocss.variants`. Defaults to `[]`.
Customize UnoCSS variants: https://github.com/antfu/unocss#custom-variants.
- `unocss.theme`. Defaults to `{}`.
Extend UnoCSS theme: https://github.com/antfu/unocss#extend-theme.