Quasar Module for Nuxt (Unofficial)
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
- Automatically import components
- Automatically import directives
- Automatically import svg icon sets provided by @quasar/extras
- Configure used animations, webfonts and icon sets via nuxt.config
- Configure Sass/Scss variables used by quasar
- Nuxt DevTools support
Add nuxt-quasar-ui dependency to your project
``bash`
npx nuxi@latest module add quasar
That's it! You can now use Quasar Nuxt in your Nuxt app ✨
`vue`
`ts`
// app.config.ts
export default defineAppConfig({
// Configure Quasar's Vue plugin (with HMR support)
nuxtQuasar: {
brand: {
primary: '#3993DD'
},
}
})
`ts`
// nuxt.config.ts
export default defineNuxtConfig({
quasar: {
// Configurable Component Defaults
components: {
defaults: {
QBtn: {
dense: true,
flat: true,
},
QInput: {
dense: true
}
}
}
}
})
> See detailed usage at playground
- Default: List of quasar plugins to apply. (
, Notify etc.)$3
- Type: boolean | string
- Default: Enables usage of Quasar Sass/SCSS variables in