histoire-dev / histoire

āš” Fast and beautiful interactive component playgrounds, powered by Vite
https://histoire.dev
MIT License
3.15k stars 185 forks source link

New story type or option : vue standalone page #606

Open troyere opened 11 months ago

troyere commented 11 months ago

Clear and concise description of the problem

Hey šŸ¤™ !

First, the objective of my idea : more flexibility & freedom in the redaction of the stories.

People using Histoire in my job are not all devs, far from it. Once deployed, the documentation must not only be technical, but it must also be displayed using the product designer rules, be understable by all, and, most important, stay simple.

In https://histoire.dev/guide/vue3/docs.html#documentation, we can see that Histoire provide a way to create standalone pages, that's great ! But sadly, essentialy in markdown, that's all.

Would that be possible to create standalone pages in Vue ? The result would be the same as markdown stories, but using Vue instead.

Thanks in advance for your help šŸ˜‰

Suggested solution

Only a functional solution, I'm afraid :

First, the file format would be :

And in Introduction.story.vue :

<Story> component new option :

Alternative

No response

Additional context

I created my ideas in the discussions tab, but since I didn't have any answers, I'm trying here in the issues. If needed :

Validations

theDevelopper commented 3 months ago

I would like this one very much. Alternatively, a way to disable various "features" for specific stories/variants. Like "hide Source", "hide Controls", "hide Docs", etc. I don't mind having multiple properties, so a "one-to-disable-all" is not necessary for me, as long as I can disable "all" somehow on the story/variant level.