I've got a modal component that looks like this

```
//modal component
<template>
   <slot></slot>
   <slot name='buttons'></slot>
</template>

```

I want to use it as a wizard

```
//wizard component
<template>
   <modal>
      <step1-state v-if='step === 1'/>
      <step2-state v-if='step === 2'/>
   </modal>
</template>

```

Is there a way that step1,step2,etc consume `buttons` slot?

This does not seem to work

```
//step1-state component
<template>
   <div>
       <span>Does it work?</span>
       <div slot='buttons'>
          <button>yes</button>
          <button>no</button>
       </div>
   </div>
</template>

```