Storybook should support to load .astro component

[ningo-agilityio]

Hi Storybook team,
I'm writing to request a feature that can load .astro component along with Storybook.
When I try to load it, even if I transferred to a React component, it doesn't accept code fence syntax ---.
Do you think it is ok to support this?
I'm looking forward to your feedback soon.
Thanks.

[nickserv]

It would be great to support .astro components too, so I don't have to use a frontend framework to take advantage of Astro components in Storybook. It uses Vite internally, so we may be able to write a plugin or fork using the Vite builder.

[IanVS]

I agree this would be really cool. It's something that @jonathantneal was talking about a while back as well.

If I understand correctly, we'd need to create a new renderer for Astro that uses Astro's compiler to turn .astro files into a .ts file with a default export. Then the easy part is creating a new framework that connects up that renderer with the vite builder, and any other config that's needed. You can take a look at existing examples in /code/renderers and /code/frameworks to see what those look like for other projects.

Is anyone willing to take this on and give it a shot?

[fxsalazar]

This should be closed in favor of #18356