title: Vue.js how to use attributes on slots
body: <p>is it possible to set attributes on a slot and the element from the parent gets these attributes?</p>
  <p>Parent</p>
  <pre class="lang-html prettyprint-override"><code>&lt;vDropdown&gt;
    &lt;button slot=&quot;button&quot;&gt;new button&lt;/button&gt;
    &lt;ul&gt;content&lt;/ul&gt;
  &lt;/vDropdown&gt;
  </code></pre>
  <p>Dropdown.vue</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;slot name=&quot;button&quot; aria-haspopup=&quot;true&quot;&gt;
      //fallback
      &lt;button aria-haspopup=&quot;true&quot;&gt;Default Button&lt;/button&gt;
    &lt;/slot&gt;
    &lt;div id=&quot;name&quot; :aria-expanded=&quot;expanded&quot;&gt;
      &lt;slot /&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>the output for the button is without any attributes...</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;button&gt;new button&lt;/button&gt;
    &lt;div id=&quot;myDropdown&quot; aria-expanded=&quot;false&quot;&gt;
      &lt;ul&gt;content&lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>