Implicit fallback locale rules and lazy loading

If you are in universal mode, and lazy loading locales, you can have problems with fallback locale. I was wondering how to deal with it? Should I merge manually the locale files for the fallback languages or should it be handled by the plugin?

For exemple: en.json

{
  title: "My title",
  description: "Lorem Ipsum"
}

en-US.json

{
  title: "My awesome title"
}

I want to modify only some words in a fallback language and use the base language for the rest. The vue-i18n merge strategy is perfect for that. But, since I lazy load locales, I have something like this:

lang/
  lazy/
    en.js
    en-US.js
  translations/
    en.json
    en-US.json

en.js

import en from '../translation/en.json'
export default en

en-US.js

import enUS from '../translation/en-US.json'
export default enUS

So if I navigate through the en version, en.json is loaded and then I switch, en-US.json is loaded and everything works as expected. Problem is when I refresh the en-US version. What is the strategy to adopt here?

Thanks

[rchl]

It works if you define a fallback.

  i18n: {
    defaultLocale: "en",
    locales: [
      { code: "en", iso: "en-EN", file: "en.js" },
      { code: "en-US", iso: "en-US", file: "en-US.js" }
    ],
    langDir: "lang/lazy/",
    lazy: true,
    seo: false,
    vueI18n: {
      fallbackLocale: {
        "en-US": ["en"]
      }
    }
  }

https://codesandbox.io/s/suspicious-leavitt-62b68?file=/nuxt.config.js

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.