Suspense regression: Story now accept only one child

[hugoattal]

Describe the bug

Following https://github.com/histoire-dev/histoire/commit/26dd6ed447baa7ce002a9cb6dc86e6a79fad30e0

Vue fire a warning when there are several child nodes in a story

[Vue warn]: <Suspense> slots expect a single root node. 
  at <RenderStorySubApp>

Maybe this should be an opt-in feature? Like this: <Story suspense>...</Story>

Or wrap the inside of Suspense into a div?

Reproduction

<template>
  <Story>
    <div>Hello</div>
    <div>World</div>
  </Story>
</template>

Workaround:

<template>
  <Story>
    <div>
      <div>Hello</div>
      <div>World</div>
    </div>
  </Story>
</template>

System Info

All

Used Package Manager

pnpm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[hugoattal]

@Akryum I can do the fix if you want.

Two solutions:

• opt-in (<Story suspense>...</Story>)
• or add a wrapper (<Suspense><div><Story ... /></div></Suspense>)

[Akryum]

I'm in favor of the wrapper div