Как вернуть JSON-объект из i18n VueJS?

Question

[shsv382]

Есть файл локали en.json,

"tos": {
    "title": "Terms of Service",
    "fundamentals": {
      "1": {
        "title": "Service Availability and Quality 1",
        "body": "Some text 1"
      },
      "2": {
        "title": "Service Availability and Quality 2",
        "body": "Another text 2."
      }
    }
  },

есть проект на vue-js использующий i18n. Как мне при вызове
t(`tos.fundamentals`)
вернуть JSON-объект с моими абзацами вместо строки "tos.fundamentals"?

Answer 1

[MaxRyazan]

на сколько я помню эта либа возвращает не json объекты а строки.
Соответственно тебе нужно в шаблоне указать ключ, по которому будет возвращено значение соответствующего языка

<div>
   <h3>{{ t(`tos.fundamentals.['1'].title`) }}</h3>
   <p>{{ t(`tos.fundamentals.['1'].body`) }}</p>
</div>

Comments

[shsv382]

Это понятно, смысл в том, что таких ['1'], ['2'] и тд может быть неопределённое количество, и пока перебор реализую костылями

v-for="i in [1, 2,3,4,5].filter(p => t(`tos.fundamentals.['1'].body`) != `tos.fundamentals.['1'].body`)