+layout slot properties

[rafalkrupinski]

I can't seem to pass properties from +layout.svelte to +page.svelte that fills the <slot /> in +layout.

+layout.svelte

<slot message='hello'/>

+page.svelte

<script>
export let message;
</script>

{message}

message is not set.

Feels like a trivial problem, but I can't find anything on it.

Here is live code
https://stackblitz.com/edit/sveltejs-kit-template-default-wcximx?description=The%20default%20SvelteKit%20template,%20generated%20with%20create-svelte&file=src%2Froutes%2Fabout%2F%2Bpage.svelte,src%2Froutes%2F%2Bpage.svelte,src%2Froutes%2F%2Blayout.svelte,src%2Froutes%2FHeader.svelte&title=SvelteKit%20Default%20Template
the default property value in +page is 'hi' and I'm trying to set it via property in +layout to 'hello'

[rafalkrupinski]

the right solution is store, isn't it...

[brunnerh]

Use the layout's load function.

Data returned from layout load functions is available to child +layout.svelte components and the +page.svelte component as well as the layout that it 'belongs' to.

[david-plugge]

This happens due to how SvelteKit renders the Layout and page files. I think they are wrapped into a svelte element and therefore dont receive any slot props. You should either use context or load functions as Brunner suggested