如何在Vue中将插槽用作组件？

Question

我有一个组件：

TitleGenerator.vue

<template>
    <div>
       <template slot="title">
          <p>This is a title</p>
       </template>
       <template slot="subtitle">
          <p>This is a subtitle</p>
       </template>
    </div>
</template>

然后

MainRender.vue

<template>
  <div>
    <slot name="title"></slot>
    <slot name="subtitle"></slot>
  </div>
</template>

现在，我试图像这样渲染它们：

<main-render>
   <title-generator></title-generator>
</main-render>

但是，这并不呈现通过的插槽。如何渲染这些插槽？