title: Vee-validate Basic example not working - errors not defined
body: <p>I'm trying to make a simple form validation page work with vee-validate. Something appears to be broken though, and I am unsure what exactly I am doing wrong.</p>
  
  <p>How am I getting the error: <code>errors not defined</code>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;head&gt;
  &lt;body&gt;
    &lt;div id="app"&gt;
      &lt;h1&gt;asdfasd&lt;/h1&gt;
      &lt;form action='#' method='POST'&gt;
        &lt;input v-validate="'required|email'" :class="{'input': true, 'is-danger': errors.has('email_primary') }" name="email_primary" type="text" placeholder="email_primary"&gt;
        &lt;span v-show="errors.has('email_primary')" class="help is-danger"&gt;{{ errors.first('email_primary') }}&lt;/span&gt;
        &lt;button class="button is-link" name='submitform' value='go'&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vee-validate/3.0.5/vee-validate.full.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      Vue.use(VeeValidate);
      new Vue({
        el: "#app",
        template: '#app',
        data() {
          return {
            email_primary: null
          };
        }
      });
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>