title: How to customize "required" error messages using a dictionary on VeeValidate (Vue.Js)
body: <p>I would like to change the error message when an input with "cpf" rule isn't filled (in other words, when an input with "cpf"rule didn't satisfy the "required" rule).</p>
  
  <p>I think that the "dictionary method" with custom messages should do the work, but I couldn't make it work.</p>
  
  <p>With the code below, the error message displayed is just the <strong><em>default pt_br</em></strong> message for "required" fields. I would like to display the message in the dictionary <strong>dict</strong> below ("<strong>Favor preencher o cpf</strong>")</p>
  
  <p>In my <strong>main.js</strong>, I have the following code:</p>
  
  <pre><code>import Vue from 'vue';
  import App from './App.vue';
  import './core/extensions';
  
  new Vue({
    render: h =&gt; h(App),
  }).$mount('#app');
  </code></pre>
  
  <p>And on <strong>extensions.js</strong>:</p>
  
  <pre><code> import Vue from 'vue';
   import VeeValidate, { Validator } from 'vee-validate';
   import ptBR from 'vee-validate/dist/locale/pt_BR';
  
   const dict = {
       messages: ptBR.messages,
       pt_BR: {
        custom: {
           cpf: {
             required: 'Favor preencher o cpf',
           },
         }
       },
     };
  
  Vue.use(VeeValidate);
  
  Validator.localize({ pt_BR: dict })
  
  Validator.extend('cpf', (val) =&gt; {
       return false //just to test
  });
  </code></pre>
  
  <p><strong>App.vue</strong> (simple example):</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="app"&gt;
          &lt;input type="text" v-validate="required|cpf"&gt;      
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I'm using <code>vee-validate 2.1.5</code> and <code>vue 2.5.17</code></p>