@unocss/nuxt

@unocss/nuxt

Nuxt module for UnoCSS

Supporting Status

	Nuxt 2	Nuxt Bridge	Nuxt 3
Webpack Dev	✅	✅	🚧
Webpack Build	✅	✅	✅
Vite Dev	-	✅	✅
Vite Build	-	✅	✅

Installation

npm i -D @unocss/nuxt

// nuxt.config.js

export default {
  buildModules: [
    '@unocss/nuxt'
  ]
}

Configuration

In the Nuxt module, we also provided some shortcuts for official presets:

// nuxt.config.js

export default {
  buildModules: [
    '@unocss/nuxt'
  ],
  unocss: {
    // presets
    uno: true, // enabled `@unocss/preset-uno`
    icons: true, // enabled `@unocss/preset-icons`
    attributify: true, // enabled `@unocss/preset-attributify`,

    // core options
    shortcuts: [],
    rules: [],
  }
}

License

MIT License © 2021-PRESENT Anthony Fu