Как в NUXT i18n Per-component translations подключить файл json?

Question

[artloveyou]

Подключаю Per-component translations.
Пример работает отлично

<i18n>
{
  "en": {
    "hello": "hello world!"
  },
  "ja": {
    "hello": "こんにちは、世界!"
  }
}
</i18n>

<template>
  <p>{{ $t('hello') }}</p>
</template>

Пробую вынести в отдельный файл locales.json

{
  "en": {
    "hello": "hello world!"
  },
  "ja": {
    "hello": "こんにちは、世界！"
  }
}

Подключаю файл

<i18n :src="'~/locales/locales.json'"></i18n>

<template>
  <p>{{ $t('hello') }}</p>
</template>

Не работает
Syntax Error: Unexpected end of JSON input friendly-errors 14:58:46
at JSON.parse ()

Answer 1

[artloveyou]

Я остановился на таком решении, если кому-то тоже потребуется разделять на отдельные файлы