📖
Nuxt3 + Vuetify3 で v-icon が表示されない
経緯
こちらの開発をしていて
なにをやっても、v-iconが表示されず・・
インストールができてないと思って、なんかいもインストールしてみたり、v-appの場所が悪いとか思ったり、nuxt3のバグだと思ったり、script が悪いのかなと思ったり、4hくらい悩んでたけど、、単純なことでした。
解決しました
以下を参考にしました。
nuxt.config.ts で、以下のCSSをいれないといけない。
"@mdi/font/css/materialdesignicons.css",
vuetifyの main.sassは、自動的に入ったように思うんですが、materialdesignicons.cssは自動的に入らないのかな。
そこまでは検証していないですが、
もし、v-iconが表示されない方は以下で解決しますので、ご確認ください。
nuxt.config.ts
：
css: [
"vuetify/lib/styles/main.sass",
"@mdi/font/css/materialdesignicons.css",
：
],
：
Discussion