chore: use nuxt island to render storybook stories

[tobiasdiez]

Call http://localhost:3000/__nuxt_island/Storybook.
Question: is there also a method that one call useNuxt().render(island component, props) instead of calling the url endpoint. Problem is namely that we get some js objects from storybook and want to render them, without prior serialization. I've opened nuxt/nuxt#18596 for this. Maybe use nitroApp.localCall?

Maybe related: nuxt/framework#5723 (comment)

Also needs SSR, which is currently blocked #1725

Reference:

• Example framework: https://github.com/storybookjs/storybook/tree/next/code/frameworks/html-vite
• Example renderer: https://github.com/storybookjs/storybook/tree/next/code/renderers/html
• PR introducing islands: https://github.com/nuxt/framework/pull/5689/files

[OlaAlsaker]

This looks really promising, good job so far! 👏

[tobiasdiez]

Closing this for now. Couldn't figure out a good way to let nuxt only render the story, since eveything is build by the storybook vite. Will revisit this problem and probably will implement a new storybook build that directly uses the nuxt pipeline to build the storybook.