title: How to localize error messages in vuejs using vee-validation
body: <p>I want to localize some of the messages and attributes name using vee-validation. I'm able to localize the messages only when using E.g: <code>this.$validator.localize('en', { messages: { required: (field) =&gt; '* ' + field + required'}, attributes: { email: 'Email' }});</code> inside the "created()" function. But I would like to give this in the "main.js". Whenever I'm calling this in the main.js it's throwing error like:</p>
  
  <blockquote>
    <p><strong>"Uncaught TypeError: Cannot read property 'localize' of undefined"</strong></p>
  </blockquote>
  
  <p>My code in main.js. I have given this code in main.js because I would like to access through out my project in all vue files. Below is my code.</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App'
  import router from './router'
  import VeeValidate from 'vee-validate';
  import { Validator } from 'vee-validate';
  
  Vue.use(VeeValidate);
  
  this.$validator.localize('en', {
        messages: {
          required: (field) =&gt; '* ' + field + ' is required'
        },
        attributes: {
          email: 'Email'
        } 
      });
  
  new Vue({
    el: '#app',
    router,
    template: '&lt;App/&gt;',
    components: {
      App
    }
  })
  </code></pre>