nuxt / icon

The <Icon> component, supporting Iconify, Emojis and custom components.
https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue
MIT License
930 stars 52 forks source link

how to use it inside vuetify v-icon component #39

Open prashantnirgun opened 1 year ago

prashantnirgun commented 1 year ago

this is not a bug just a simple question I am using vite + nuxt3 + vuetify3 my object is to use it. I am new to nuxt-icon please bare with me. I had following questions please answer it 01 nuxt-icon has tree shaking feature I mean it will only import those icons which are used in code 02 If I want to use mdi:alarm-light inside vuetify it should work as I have access to material Icon library right but it fails to display the icon.


// nuxt.config.ts
//import { defineNuxtConfig } from 'nuxt'

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  css: ['vuetify/lib/styles/main.sass',],
  modules: ['nuxt-icon'],
  build: {
    transpile: ['vuetify'],
  },
  vite: {
    define: {
      'process.env.DEBUG': false,
    },
  },
})```
atinux commented 1 year ago

Best would be to create a Stackblitz example so I can help you :)