Nuxt 3 support

[matheins]

Is your feature request related to a problem? Please describe.

Storybook Module isn't running when installing it as described in the docs.

Running npx nuxt storybook leads to:

Invalid command storybook
Usage: npx nuxi dev|build|generate|prepare|usage|info|init|create [args]

Describe the solution you'd like

Module should run as we know it from Nuxt 2

[fkromer]

And in case you want to use pnpm, Turborepo, Vite, Vue3, Nuxt3 and Storybook the vue-turbo-starter repo could be interesting. Actually there are some other template repos as well vite-vue-ts-storybook, etc.

[OlaAlsaker]

Probably the video How to setup Storybook + Nuxt 3 + Tailwind CSS + Vite ? could be helpful for you guys as well.

Nice find! Had a quick look, really interesting 😄

[intelli-devs]

Probably the video How to setup Storybook + Nuxt 3 + Tailwind CSS + Vite ? could be helpful for you guys as well.

maybe i did something wrong but this doesn't work for me

[alvinzjoe]

Probably the video How to setup Storybook + Nuxt 3 + Tailwind CSS + Vite ? could be helpful for you guys as well.

maybe i did something wrong but this doesn't work for me

Yep, same here, the auto import doesn't work

[algora-pbc]

💎 $500 bounty created by @drewbaker 👉 To claim this bounty, submit your pull request on Algora 📝 Before proceeding, please make sure you can receive payouts in your country 💵 Payment arrives in your account 2-5 days after the bounty is rewarded 💯 You keep 100% of the bounty award 🙏 Thank you for contributing to nuxt-community/storybook!

[kadumedim]

For anyone still waiting for the official nuxt module, check this instead: https://storybook.js.org/addons/storybook-addon-nuxt

An official module would be better? Yeah, somehow. But hey lets work with what we have.

[bmulholland]

I think that module is Vite only? Ideally I'd like something that supports Webpack so I don't have to add Webpack -> Vite to the already-long list of transitions and upgrades we have to make along with the Nuxt 3 upgrade.

[productdevbook]

Check zero config nuxt 3 support storybook https://github.com/storybook-vue/nuxt

[fkromer]

@productdevbook Would be cool to have Storybook support for Vue integration for Astro as well 🤩 Do you have this on your roadmap as well?

[g1ronn1mo]

I cant get the minimal repo running. I get:

ARN Failed to load preset: "@storybook-vue\\nuxt\\preset" ERR! C:\Users\benes\Scripts\nuxt3-starter\storybook-nuxt-demo\node_modules\.pnpm\@storybook-vue+nuxt@0.0.1-rc.1_3o5s32hy4mernafgbee4wjphju\node_modules\@storybook-vue\nuxt\dist\preset.mjs:1 ERR! import { join } from 'path'; ERR! ^^^^^^ ERR!

Seems to be some module import issues. Also adding "type": "module" to the package.json did not work.

[iSatVeerSingh]

is this issue still unresolved? please tell me.

[danielroe]

This core storybook Nuxt 3 preset now exists: https://github.com/storybook-vue/nuxt.

[rishi-raj-jain]

@danielroe

Does this needs to be worked on then anymore? I see a $500 bounty on this. Seems like this is resolved?

[danielroe]

I believe this is resolved, yes. It needs to be confirmed by @drewbaker.

[drewbaker]

@rishi-raj-jain I think this is resolved in that there is a another module to use instead of this one. I'm not sure what to do with the bounty on this then? I'll remove it. If anyone actually did work on this new module because of the bounty please email me drew@funkhaus.us and I'll pay you.

@danielroe I recommend this issue be closed.

[tobiasdiez]

@drewbaker If you haven't done this already, may I suggest you reach out to @chakAs3 who has worked on this new storybook addon, and continues now also to work on the nuxt module here. I think he would be happy to receive a little thank you for his work.