Suspense with Layout

[rohrig]

What is the stardard way, or is there a way, to use a layout with suspense?

The docs show how to use suspense in combination with vue router:

<router-view v-slot="{ Component }">
  <template v-if="Component">
    <transition mode="out-in">
      <keep-alive>
        <suspense>
          <component :is="Component"></component>
          <template #fallback>
            <div>
              Loading...
            </div>
          </template>
        </suspense>
      </keep-alive>
    </transition>
  </template>
</router-view>

I've tried a bunch of different ways including multiple router-views but I'm asuming that doesn't work because:

The <suspense> component has two slots. Both slots only allow for one immediate child node.

Can anyone point me in the right direction?

[rohrig]

If I add the layout to each route-component, then it works as expected. I was hoping to add a default layout just to App.vue, the way nuxt does. I guess I can dig in the source code there.