レガシー環境から脱却したい

プログラミングや環境構築の話をまとめています。

Vue.js + BuefyでMdi Fontが表示されない

Vue.js + Buefyでプロジェクトを作った際、Material Design Iconsがうまく表示されなかったため、解決方法をメモ。

① mdiフォントのインストール

$ npm i @mdi/font
or
$ yarn add @mdi/font

② main.jsに下記を追加

import "@mdi/font/css/materialdesignicons.css";

Vue.use(Buefy);

以上

参考:

StorybookでBuefyのMaterial Design Iconsが表示されない | Kalappo