title: Vue + Vee Validate 3 Trigger Manual Validation
body: <p>I've almost got my form validation working - I'm using Vee Validate 3 with Vue.js. Most of the examples of Vee Validate are for version 2, so I'm struggling a bit.</p>
  
  <p>The issue I have is triggering the validation when submitting the form.</p>
  
  <p>If I click the text field to focus on it first, then click submit, the validation fires and I see the error message.</p>
  
  <p>If however, I <strong>don't</strong> click the text field first and just click the submit button, I don't see the error message.</p>
  
  <p>How can I make this work without having to focus on the text field before I click submit?</p>
  
  <h2>Update</h2>
  
  <p>Weirdly, the console shows the error <code>TypeError: this.validate is not a function</code> in both cases - whether the validation works or not.</p>
  
  <pre><code>&lt;ValidationProvider rules="required" v-slot="{ validate, errors }"&gt;
    &lt;div&gt;
      &lt;input type="text" rules="required"&gt;
      &lt;p id="error"&gt;{{ errors[0] }}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/ValidationProvider&gt;
  
  &lt;script&gt;
  export default {
    methods: {
      async validateField() {
        const valid = await this.validate()
      }
    }
  };
  &lt;/script&gt;
  </code></pre>