how to use it inside vuetify v-icon component

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,
    },
  },
})```

Start with nuxt.config.ts and the example, then review how nuxt-icon, Nuxt 3, Vite, and Vuetify 3 interact. Done means documenting whether tree shaking applies and whether the MDI icon can render through Vuetify's component.