vuetifyjs / nuxt-module

Zero-config Nuxt Module for Vuetify
https://nuxt.vuetifyjs.com/
MIT License
226 stars 22 forks source link

Using multiple icons does not show up #202

Closed changfengoss closed 4 months ago

changfengoss commented 9 months ago

Hi , I have set icons, sets: ['mdi', 'fa] ,default set is mdi . mdi icon is work but the fa icon is not displayed. I want both Mdi and Fa icon to work

vuetify: {
    moduleOptions: {
      /* module specific options */
      importComposables: true
    },
    vuetifyOptions: {
      /* vuetify options */
      icons: {
        defaultSet: 'mdi',
        sets: ['mdi', 'fa']
      }
    }
  },
userquin commented 4 months ago

Vuetify components will use mdi with your configuration, to use fa you need to use <v-icon icon="fa:fas fa-list"></v-icon>. Yo use fa in Vuetify components, the component should have the icon slot, then use it with previous v-icon.