Vue components meta rendering issue

[maximilian-schwarz]

Hello,

I wanted to use the “vue components meta” feature and found that it cannot be used properly via the nuxt-module. Am I doing something wrong in the configuration?

I once created 2 different applications. Once a default Nuxt 3 instance with Storybook 8 and the Storybook-Nuxt module. And once a default Vue 3 instance with Storybook 8.

Both instances have the same “TestLink” component for which the interface is defined in the folder “types/base.d.ts”. Accordingly, the properties are defined in the Vue component with the method defineProps(). So far so good.

However, when I now call Storybook, the property is recognized in the Nuxt 3 instance but the description, values etc. are missing. In the Vue 3 instance, however, everything is rendered as it should be. Is this a bug in the Nuxt 3 module or simply a faulty configuration?

Reproduction Nuxt 3 | Storybook 8 | Vue components meta

https://stackblitz.com/edit/nuxt-starter-6k77lh

Reproduction Vue 3 | Storybook 8 | Vue components meta

https://stackblitz.com/edit/vitejs-vite-pjbm2d

In Reproduction, you can start the DEV server manually via “npm install && npm run storybook”.