Suspense regression: Story now accept only one child

[hugoattal]

Describe the bug

Following 26dd6ed

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

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• 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