Load MaterialDesignIcons in Vuetify project without css cdn reference

user_5771298 0
Viewed 361

I have a project which uses MaterialDesignIcons in Nuxt with Vuetify.

Today I switch completely with all tags to the JS loading type: https://vuetifyjs.com/en/features/icon-fonts/#material-design-icons-js-svg

<v-icon>{{ mdiCheck }}</v-icon>
(...)
import { mdiCheck, mdiCart } from '@mdi/js'
(...)
  data() {
return {
  mdiCheck,
  mdiCart,

my problem is, that after yarn build / start the loading of the css file from cdn don't stop.

enter image description here

How can I see why this is still loaded and how to fix this?

In Head HTML:

nuxt.js vuetify.js vue.js
1 Answers

It's a problem with the nuxt plugin for vuetify.

As you can see in their docs they by default load the Roboto font and Material Design Icons. Difficult to spot but easy to fix:

In nuxt.config.js set defaultAssets: false in the vuetify configuration:

vuetify: {
  defaultAssets: false,
  icons: {
     iconfont: 'mdiSvg',
  }
}
user_124590660
Related