title: Vue slot-props are not being passed through to child component
body: <p>I've been debugging this for a few days, and haven't been able to come up with a solution. I've watched several videos on how to implement slot props, but haven't had any luck getting it working in my own code. </p>
  
  <p>Here is an implementation of a modal component I created. I'm trying to pass a button into an "actions" slot on the modal component, and pass it an action.  This seems somewhat counter intuitive to me.  I would think I could just pass the "action" object that exists on my parent component straight into the slot, and not into the modal and then into the slot.  I've tried this</p>
  
  <pre><code>&lt;template&gt;
    &lt;modal v-bind:action="action"&gt;
      &lt;template v-slot:action="action"&gt;
        &lt;v-btn :disabled="!action.valid" @click="action.onClick"&gt;{{action.text}}&lt;/v-btn&gt;
      &lt;/template&gt;
    &lt;/modal&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>And this:</p>
  
  <pre><code>&lt;template&gt;
    &lt;modal&gt;
      &lt;template v-slot:action="action"&gt;
        &lt;v-btn :disabled="!action.valid" @click="action.onClick"&gt;{{action.text}}&lt;/v-btn&gt;
      &lt;/template&gt;
    &lt;/modal&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Here is the modal I'm trying to create:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-card-actions&gt;
      &lt;slot :action="action" name="actions"&gt;&lt;/slot&gt;
    &lt;/v-card-actions&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>The actions object looks like this:</p>
  
  <pre><code>action: object = {
   text: "Connect",
   valid: this.valid,
   onClick: this.connect
  };
  </code></pre>
  
  <p>I'm getting the following error: </p>
  
  <pre><code>Property or method "action" is not defined on the instance but referenced during render.
  </code></pre>
  
  <p>Does anyone have any ideas on what the problem might be?</p>