title: Vue, composition: pass a "slot" prop as a an attribute value
body: <p>In React is very easy, since there's no &quot;slots&quot;. Everything are parameters. But I don't know how to pass a slot as a parameter. Here's what I did.</p>
  <p>I created a new component, which uses the <code>v-menu</code> component from <a href="https://vuetifyjs.com/en/" rel="nofollow noreferrer">Vuetify</a>:</p>
  <pre><code>// SelectorComponent.vue
  &lt;template&gt;
    &lt;v-menu&gt;
      &lt;template v-slot:activator=&quot;{ on }&quot;&gt;
        &lt;slot name=&quot;activator&quot; v-on=&quot;on&quot; /&gt;
      &lt;/template&gt;
      ...
  </code></pre>
  <p>Then I used that component:</p>
  <pre><code>&lt;Selector&gt;
    &lt;template v-slot:activator=&quot;{ on }&quot;&gt;
      &lt;v-btn text v-on=&quot;on&quot;&gt;Type&lt;/v-btn&gt;
    &lt;/template&gt;
  &lt;/Selector&gt;
  </code></pre>
  <p>And when you presses the &quot;Type&quot; button, it doesn't show the menu. However, if I replace the slot by the button, it works:</p>
  <pre><code>// It works!
  &lt;template&gt;
    &lt;v-menu outlined :close-on-content-click=&quot;false&quot; offset-y&gt;
      &lt;template v-slot:activator=&quot;{ on, attrs }&quot;&gt;
        &lt;v-btn text v-on=&quot;on&quot;&gt;Type&lt;/v-btn&gt;
      &lt;/template&gt;
  </code></pre>
  <p>what am I doing wrong?</p>