svelte - スロット付きコンポーネントを使用して、他のコンポーネントをスリムに表示できますか?

Question

こんにちは、_layout を使用してアプリをこのようなセクションに分割しています

_layout.html

    <div class="container"> <-- creates a 12 column grid
      {#if $user} 
        <Header /> <-- spans the first row of the 12 columns
        <Menu segment={child.segment}/> <-- spans the first 2 columns of the remaining rows
        <Content slot={child.component}/> <-- spans the other 10 columns
      {:else}
        <Login /> 
      {/if}
    </div>

そして、これが私が達成しようとしていることです

現在、コンテンツコンポーネントでsvelteライフサイクルフックを使用して、「表示するコンポーネント」を手動でスロットに設定していますが、ルートに表示するコンポーネントが含まれていないため、これは間違っていると感じています

<content>
  <slot>
    {#if dashboard}
      <Dashboard />
    {:elseif users}
      <Users />
    {/if}
  </slot>
</content>

<script>
  var dashboard, users = false;

   export default {
     oncreate() {
       this.dashboard = true;
     },
     ...

ルート「/」と「/users」を介してコンポーネントを含める必要があり、コンテンツコンポーネントは単に表示する必要があるように感じますchild.component