Vue3+Typescript Controls Not Generating from Types

[jnarowski]

Describe the bug The controls are not populating with the info from our types. We do not want to define all of our controls twice (once in Types and once in Storybook). The only way we can justify storybook for Vue3/Typescript is if it automatically infers the controls and control options from the Types in the component.

https://jmp.sh/7Wp13yz

To Reproduce Here is the code sandbox link to reproduce

System System: OS: macOS 12.6 CPU: (10) arm64 Apple M1 Max Binaries: Node: 18.7.0 - /opt/homebrew/bin/node Yarn: 1.22.17 - /opt/homebrew/bin/yarn npm: 8.15.0 - /opt/homebrew/bin/npm Browsers: Chrome: 105.0.5195.125 Firefox: 101.0.1 Safari: 16.0 npmPackages: @storybook/addon-actions: ^6.5.9 => 6.5.9 @storybook/addon-essentials: ^6.5.9 => 6.5.9 @storybook/addon-interactions: ^6.5.9 => 6.5.9 @storybook/addon-links: ^6.5.9 => 6.5.9 @storybook/builder-vite: ^0.2.2 => 0.2.2 @storybook/testing-library: ^0.0.13 => 0.0.13 @storybook/vue3: ^6.5.9 => 6.5.9

Additional context

[tdekoning]

Can second this, Storybook doesn't auto-generate controls for vue3 components. It only honors the explicitly supplied arguments.

[kasperpeulen]

This is fixed right @chakAs3 ?

[chakAs3]

he is talking about v6.5 , auto generate and new feature are only on v7

[shilman]

Please try upgrading to the latest prerelease of 7.0 @tdekoning @jnarowski

npx storybook@next upgrade --prerelease

[larsrickert]

Hey, this will be fixed with #22285

[larsrickert]

Fixed with #22285 in version 8