how to pass args to the i18n messages

Versions:

• VueJs: 2.5.17
• Vee-Validate: 2.1.0-beta.9

Description:

Hey there, it’s a question. I want to know how to pass args to the i18n messages, I don’t found any example.

for better explanation, an example:

I have a validator min (minlength)

export default (value, [length]) => {
    length = Number(length);
    return value.length >= length;
}; 

And I’ve a validation message in i18n object

Digite no mínimo {length} caracteres

I want to use the length arg to generate the i18n message correctly. (To manage the i18n messages, I’m using the vue-i18n library.)

I saw in this line the I18nDictionary.getMessage pass a data param to Vuei18n.t , but I can’t understand hot to use exactly (if it’s possible)

Thank you!

[ssnetxyz]

I’m not related to this project, but here is how I did it. VueI18n does not accept functions, only strings. But you can use {0} for the first function argument and {1} for the second (and so on). So In my case:

const i18n = new VueI18n({ locale: 'ja', messages });
Vue.use(VeeValidate, { i18n });
VeeValidate.Validator.extend('is_japanese', {    
    validate: value => reAllKanji.test(value)
});

messages.js

export default {
  ja: {
    validation: {
      messages: {
        is_japanese: "{0}は日本人ではありません！",
        min: '{0}は{1}文字以上で入力してください',
      }
    }
  },
 en: { ... 

I do however believe you can use VeeValidate.Validator.localize() to convert your vee-validate message functions to strings…

So far I think vee-validate handles localization better than Vuei18n.

[henriquecustodia]

Thank you @ssnetxyz, using {1} I can use the param value in message.

Digite no mínimo {1} caracteres

• The {0} is field name
• The {1} is param values
• The {2} is data values

For advanced interpolation I think is necessary create a custom formatter, because I can’t use named params in the message, but it is just curiosity haha