title: vuejs nested slots with props don't get down
body: <p>I want to push down a prop &quot;multi&quot; from vDropdownSelection to &quot;vOptions&quot;. How can I do that without adding &quot;:multi&quot; on each option? I tried slotprops but it doesn't work...</p>
  <p>This is my setup.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;!-- root --&gt;
    &lt;vDropdownSelection :multi=&quot;true&quot;&gt;
      &lt;vOption id=&quot;dd5&quot; label=&quot;Choose me&quot; /&gt;
      &lt;vOption id=&quot;dd6&quot; label=&quot;No take me&quot; /&gt;
      &lt;vOption id=&quot;dd7&quot; label=&quot;I don't care...&quot;/&gt;
    &lt;/vDropdownSelection&gt;
  </code></pre>
  <p>multi gets true</p>
  <pre class="lang-js prettyprint-override"><code>//vDropdownSelection
  &lt;template&gt;
    &lt;vPopOver&gt;
      &lt;template #trigger=&quot;{ click }&quot;&gt; 
        &lt;button @click.prevent=&quot;click&quot;&gt;{{ label }}&lt;/button&gt;
      &lt;/template &gt;
      &lt;template #default&gt;
        &lt;vSelectGroup :multi=&quot;multi&quot; #default=&quot;{multi}&quot;&gt;
          {{ multi }} // shows true
          &lt;slot :multi=&quot;multi&quot;/&gt; // cannot pass multi ´
        &lt;/vSelectGroup&gt;
      &lt;/template&gt;
    &lt;/vPopOver&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    props: {
      multi: {
        type: Boolean,
        default: false
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>multi gets true</p>
  <pre class="lang-js prettyprint-override"><code>//vSelectGroup
  &lt;template&gt;
    &lt;div&gt;
       &lt;slot :multi=&quot;multi&quot;/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    props: {
      multi: {
        type: Boolean,
        default: false
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>multi stays false...</p>
  <pre class="lang-js prettyprint-override"><code>// options
  &lt;template&gt;
    &lt;div&gt;
      &lt;input :type=&quot;isType&quot;&gt;
      &lt;label&gt;{{ label }}&lt;/label&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    props: {
      multi: {
        type: Boolean,
        default: false
      }
    },  
    computed: {
      isType() {
        return this.multi ? 'checkbox' : 'radio'
      }
    }
  }
  &lt;/script&gt;
  </code></pre>