does i18n with named parameters work in .vue template?

[KyleXie]

Hey,

I just tried something like this:

<EText>{{ $t('email.verify.greeting', { username: 'abc' }) }}</EText>

And the greeting message is something like Hi, {username}, and I expect the result would be Hi, abc, but I can only get Hi, .
It seems the $t with named parameters is not work in vue template?

[Flowko]

what library ? nuxt ? or compiler ?

[KyleXie]

what library ? nuxt ? or compiler ?

Hey @Flowko, thanks for your reply. I tried both nuxt and compiler, and the results are the same.

And I also tried the same message outside of vue template:

const t = await useTranslation(event);
console.log(t('email.verify.greeting', { username: 'abc' }));

It works fine in this way.

[Flowko]

okay thanks, will take a look

[Flowko]

yeah, this seems to be an issue from the i18n library, as it doesnt work with the way the compiler works, will open an issue on their repo and see how to resolve this!

[Flowko]

we just merged a new project rewrite, please do check the docs and the updated logic https://vuemail.net/