Forwarding slots

[Rich-Harris]

Not sure what the best way to frame this problem is, but: there currently needs to be a one-to-one (or one-to-zero) correspondence between slots in a child component, and slotted elements in the parent component, otherwise content goes missing. In some situations, that's a problem: REPL

Say we had a <Modal> component with a <slot></slot> and a <slot name="header"></slot>. If we wanted to lazily load that with a <Lazy> component whose implementation looked like this...

{#await loader() then mod}
  <svelte:component this={mod.default} on:close {...props}>
    <slot></slot>
  </svelte:component>
{/await}

<script>
  export default {
    computed: {
      props: ({ loader, ...props }) => props
    }
  };
</script>

...there's no way to 'forward' that header content.

[Conduitry]

I think this idea got absorbed into the other composition improvements.

[dxlbnl]

This issue can be closed

[j3rem1e]

Is there today a workaround/hack to implement this kind of forwarding ?

I am trying to implements this usecase (a generic lazy loader component which forwards slots/events to the "real" component).

[swyxio]

i think this is still not precisely working as of svelte 3 https://svelte.dev/repl/d329e911978c4d7f89fc991b66fe9a91?version=3.38.2

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Rich-Harris]

I think we can close this now that Svelte 5 has snippets