title: how do i integrate vee-validate v.2 with nuxt-i18n?
body: <p>i am using vee-validate v.2 and i want to localize error massages .
  i have wrote a plugin like this</p>
  <pre><code>    import {configure} from 'vee-validate'
  export default function ({app}){
      configure({
          defaultMessage:(field,values)=&gt;{
              values._field_=app.i18n.t(`fields.${field}`)
              return app.i18n.t(`validation.${values._rule_}`,values)
          }
      })
  }
  </code></pre>
  <p>and this is loacales/en.js</p>
  <pre><code>  validation: {
      required: &quot;{_field_} can not be empty&quot;,
      min: &quot;{_field_} may not be Less than {length} characters&quot;,
      confirmed: &quot;{_field_} do not matches&quot;,
      email: &quot;{_field_} is not valid&quot;
    },
    fields: {
      email: 'Email',
      password: 'Password',
      userName: 'Username',
      
    },
    
  }
  </code></pre>
  <p>and Also this is $i18n in nuxt config</p>
  <pre><code> i18n: {
      seo: false,
      locales: [
        { code: 'en', iso: 'en-US', file: 'en.js' },
        { code: 'de', iso: 'de-GER', file: 'de.js' }
      ],
      lazy: true,
      langDir: 'locales/',
      baseUrl: process.env.BASE_URL,
      defaultLocale: 'de'
    },
  
  </code></pre>
  <p>BUT it doesnt work ,
  and pages dont shows
  and i get error like this
  <a href="https://i.stack.imgur.com/mCAKN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mCAKN.png" alt="enter image description here" /></a>
  How can do i fixed it ?</p>