Как передавать параметры в переводы

#typescript #vue.js #internationalization #vuejs3 #vue-i18n

Я использую vuejs 3 с TS.

Я создал файлы перевода в TS вот так:

индекс.ts:

 export default {
 'example': 'example',
}

Для того, чтобы затем использовать его таким образом:

 {{ $t('example') }}

Теперь я хотел бы передать параметр для перевода, например, например:

индекс.ts:

 export default {
 'hi_man': 'Hi {name}',    //where the name is the parameter
}

Как я могу это сделать?

Может быть, вам стоит ознакомиться с документацией: https://kazupon.github.io/vue-i18n/guide/formatting.html#named-formatting

 <p>{{ $t('hi_man', { name: 'Monkey' }) }}</p>