Nuxt 3 + Vuetify 3 + Storybook 開発環境構築

本業でVueのアップデート周りを行っており、構成としてNuxt.js 3とVuetify 3を組み合わせて開発しています。 アップデートに伴って、いままでコンポーネントのドキュメントが整備されていなかったのでStorybookを利用して開発することにしました。 Vuetifyを利用するからStroybookは不要論はあるかもしれません。 しかし、コンポーネントを組み合わせたケースではStorybookがあると値の可視化ができるため、アンドキュメント部分の補完になります。 そこで Nuxt3 + Vuetify 3 + Storybook の開発環境を構築する方法を紹介します。 この構成での情報があまりなかったので覚書として記事にしました。 対象読者 Nuxt.js 3を使ってStorybookを利用したい人 Vuetify 3と組み合わせたい人 開発環境 Node.js 20.11.0 N