Multiple slots in +layout.svelte

[cowboycodr]

Describe the problem

Recently, I've had to extract my +layout.svelte page into a separate component that I use in my +page.svelte. While this solution is a good workaround, it makes it extremely difficult to utilize Svelte's SSR without causing a complete refresh on separate pages that share the same server data.

Describe the proposed solution

Allow users to define +layout.svelte with multiple slots, the same way components do.

<script>
     // src/routes/+layout.svelte
</script>

<main>
     <slot />
</main>

<aside>
    <slot name="aside" />
</aside>

Alternatives considered

You can define your own layout component that you utilize in each one of your pages. However, hard to implement without slowing down your site. Would be much easier to do the proposed solution.

Importance

would make my life easier

Additional Information

No response

[Conduitry]

What would determine what gets loaded into that slot?

[cowboycodr]

In theory it would work the same way it does for components. Using the "slot" attribute.

+page.svelte

<script>
    ...
</script>

<p>This content here is going inside of the parent's main tag.</p>

<p slot="aside">However, this content is going inside the parent's aside tag</p>

[geoffrich]

Duplicate of #627