Maiquu / nuxt-quasar

Quasar Module for Nuxt (Unofficial)
MIT License
144 stars 9 forks source link

💡 [REQUEST] - Add the option to configure the default quasar IconSet option #18

Closed JasonLandbridge closed 1 year ago

JasonLandbridge commented 1 year ago

Describe the feature

Hi there,

Quasar uses a default (material) icon set in their components. This is fine, until you want to use different set of icons for the app, which then "breaks" all icon references.

Unless configured otherwise, Quasar uses Material Icons webfont as the icon set for its components.

This can be changed as described here: Configuring the default Icon Set

Ideally this option can be configured through the Nuxt-Quasar config, like this:

// nuxt.config.ts
quasar: {
        iconSet: 'mdi-v6',
    extras: {
        font: 'roboto-font',
        fontIcons: ['mdi-v6'],
        // string[]: Auto-import svg icon collections. Usage: https://quasar.dev/vue-components/icon#svg-usage
        svgIcons: [],
        // string[]: Auto-import animations from 'animate.css'. Usage: https://quasar.dev/options/animations#usage
        animations: [],
    },
},

How it can be configured through the Vite plugin

I would be happy to make a PR for this, but I would need some directions on how to pass a config like this into Quasar.

Hope it makes sense.

Additional information

Maiquu commented 1 year ago

Added with (4af1f30)

JasonLandbridge commented 1 year ago

Thank you so much @Maiquu!