storybook icon indicating copy to clipboard operation
storybook copied to clipboard

Main demo is hugely outdated and not usable

Open abogdanov-vfc opened this issue 9 months ago • 6 comments

Environment


  • Operating System: Windows_NT
  • Node Version: v22.15.0
  • Nuxt Version: 3.17.2
  • CLI Version: 3.25.0
  • Nitro Version: 2.11.11
  • Package Manager: [email protected]
  • Builder: -
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://github.com/storybook-vue/nuxt-storybook-module-demo

Describe the bug

Main integration demo wasn't updated for 2 years and presents an irrelevant example of the integration that is based of Storybook 7 and Nuxt 3.6, when Storybook 9 is going to be released in a week or smth.

Additional context

Expected result: Demo should present the actual up-to-date example of the integration that actually works

abogdanov-vfc avatar May 09 '25 09:05 abogdanov-vfc

I agree, the link should point to https://storybook.nuxtjs.org/examples/basic (or be removed completely). PR welcome.

tobiasdiez avatar May 09 '25 11:05 tobiasdiez

@tobiasdiez could you release an update with dependencies upgrade to use ^ versions of Storybook and Nuxt in the module? Right now it's hardcoded to v. 8.6.12, but when installing 8.6.14 I get this warning:

The following packages are incompatible with Storybook 8.6.14 as they depend on different major versions of Storybook packages:
WARN - @nuxtjs/[email protected]    

and there are still issues with that basic example, it doesn't work on Node 22 due to https://github.com/nuxt-modules/storybook/issues/825 maybe @storybook-vue/nuxt could be patched as a temporary solution?

AndrewBogdanovTSS avatar May 24 '25 21:05 AndrewBogdanovTSS

@tobiasdiez could you release an update with dependencies upgrade to use ^ versions of Storybook and Nuxt in the module? Right now it's hardcoded to v. 8.6.12, but when installing 8.6.14 I get this warning:

Try having all @storybook related packages having the same version. I was in the same situation in between.

@tobiasdiez the example is great. I set up mine like this and then found this one. I see that you are encountering the same issue with the example, like I have. The build-storybook command is not working. Meaning that the rullup.input can not be found. And i's not related that I can not create files because I am not an editor of the example. I have this locally on my machine as well.

I try to figure out, what I can do to create a static file, to be able to upload the storybook to amplify. thing is, all I do is not affecting the error message. Seems that the vite configuration does not affect its own rollup configs.

But to have it locally is a start.

BirgitPohl avatar Jul 10 '25 07:07 BirgitPohl

@BirgitPohl see https://github.com/nuxt-modules/storybook/issues/919 for this error

tobiasdiez avatar Jul 10 '25 08:07 tobiasdiez

Sounds, great. I guess I have to experiment with nuxt 4 then :)

BirgitPohl avatar Jul 10 '25 09:07 BirgitPohl

I opened #933 with updates for most dependencies since renovate's PR was failing in CI. I'm planning on doing a second pass to update the rest and ensure the examples are working correctly once that's merged (hopefully soon 🤞).

hacknug avatar Aug 11 '25 10:08 hacknug