title: Add errors to VeeValidate errors bag from parent component and listen from child components
body: <p>I couldn't find a guideline to implement this. How would you add data to errors bag from parent component and listen to the particular error from child components to show something conditionally?</p>
  
  <p>I've added the error to the errors bag from the <code>parent</code> component like the following:</p>
  
  <pre><code>export default {
    mounted () {
      this.$validator.errors.add('critical', 'Unable to connect', 'network')
    }
  }
  </code></pre>
  
  <p>Now, from the <code>child</code> component, I'd like to show something conditionally depending on the error bag whether there is an error or not. I've added my child component the following:</p>
  
  <pre><code>&lt;a class="navbar-item" v-if="!errors.has('critical')"&gt;Hello World&lt;/a&gt;
  </code></pre>
  
  <p>The <code>errors.has('critical')</code> return <code>false</code> as VeeValidate returns a new instance for each component. So, how do I go about transfer the same errors bag from parent component to child?</p>