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

Vue.js + BuefyでStorybookを活用した際、Material Design Iconsがうまく表示されず、Could not find one or more icon(s)とエラーを吐いていたのでドキュメント + 一手間加えた。

その辺に転がってる情報はFontAwesomeばかりだったので、一応メモ。

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

materialフォントを追加した後

import Buefy from 'buefy';
import 'buefy/dist/buefy.css';
import '@mdi/font/css/materialdesignicons.css';
import Vue from 'vue';

Vue.use(Buefy);

storybookのconfigにて上記のような設定をすると無事表示された。

storybookとassetやfontとJS系フレームワークとのうまい連携方法を模索中なので、いい感じにできるようになったらまた別記事にて共有していこうと思います。