title: How to validate form in slot from parent component in vue?
body: <h2>InfoItemComponent</h2>
  
  <pre><code>&lt;form action="" @submit.prevent="formSubmit"&gt;
    &lt;div class="account-container_right__infoInput"&gt;
      &lt;!-- &lt;input type="text"&gt; --&gt;
      &lt;slot&gt;&lt;/slot&gt;
    &lt;/div&gt;
    &lt;div class="account-container_right__infoButtons"&gt;
      &lt;button type="submit" class="btn btn--primary"&gt;save&lt;/button&gt;
      &lt;button class="btn btn--default" @click.prevent="cancelEdit"&gt;cancel&lt;/button&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h2>how i use InfoItemComponent</h2>
  
  <pre><code>&lt;info-item @formSubmit="formSubmit"&gt;
    &lt;input type="text" v-validate="'required'" &gt;
  &lt;/info-item&gt;
  </code></pre>
  
  <p>What I want to do is when I hit the submit button in infoitemcomponent, I want to validate the input element by vee-validate. How I can do to solve this problem</p>