title: VeeValidate v3: How to handle backend validation messages?
body: <p>I am working on upgrading from VeeValidate v2 to v3.  Since they have removed the ErrorBag concept, I am struggling to figure out how to handle backend validation.</p>
  
  <p>Previously (see code below), I was just running client-side validation, if that passed, call a server validation route, if that failed I would just use the errors.add function in VeeValidate.</p>
  
  <p>Any help would be appreciated.  Just need to know to accomplish backend validation handling in VeeValidate v3.  Thanks!</p>
  
  <pre><code>validateStep(step) {
  
  this.$validator.validateAll(step).then((result) =&gt; {
  
      // If client-side validation passes, move into this block.
      if (result) {
  
          // Then run server-side validation.
          axios
              .post(`/ajax/validate-stuff`, this.postData)
  
              // If server-side validation Passes:
              .then(function (response) {
                  // Do the things
              })
  
              // If server-side validation Fails:
              .catch(function (error) {
                  // Add errors to VeeValidate Error Bag
                  var entries = Object.entries(error.response.data.errors);
                  entries.forEach(function(item, index) {
                      this.Errors.add({
                          field: item[0],
                          msg: item[1][0]
                      });
                  });
              });
  
      }
  });
  </code></pre>
  
  <p>}</p>