title: How to disable a form using validateAll from veeValidate as a computed property?
body: <p>Say i have this button in a component and want to dynamically have the button be disabled until a user has filled out the textField with a valid email.</p>
  
  <pre><code>      &lt;v-btn
          type="submit"
          data-test="btn-identity"
          block
          large
          :disabled="!validEmail"
          color="primary"&gt;{{ $t('button.identity') }}
        &lt;/v-btn&gt;
  
  
      &lt;v-text-field
        v-validate="'required|email'"
        v-model="form.userId"
        :label="$t('placeholder.userId')"
        :error-messages="errors.collect('email')"
        data-vv-name="email"
        required
        autofocus
      /&gt;
  </code></pre>
  
  <p>I'm setting valid email as a computed property, but it doesnt seem to work since its a promise</p>
  
  <pre><code>  computed: {
      validEmail () {
        return this.$validator.validateAll().then((result) =&gt; {
          return result;
        })
      }
    },
  </code></pre>