Nuxt3+Storybookでautoimportされる関数が使えない

2022/03/19

問題

コンポーネント内で useRuntimeConfigとかcomposableで作成した関数を呼び出してる場合、storybookでそのコンポーネントを登録すると

useRuntimeConfig is not defined

useRuntimeConfig is not defined

とかなる。


これはstorybookでnuxt3の関数が登録されてないから起こる問題だとおもう

解決策

関数が登録されてないだけのためダミーの関数を用意してあげればいい

mixinとかを使っていい感じにしたかったけど方法がわからなかったけどこれでなんとかなってる

storybookのpreview-body.htmlで必要な関数を定義してあげればいい