Per-page translations

What problem does this feature solve?

I have lots of documentation pages with non-repeating text blocks.

I’d like to be able to load the translations for these respective pages only when accessing them.

This would immediately improve a site’s loading speed.

What does the proposed changes look like?

The way I see this, a good solution would be to have the same file structure you have in pages, but inside of the lang folder.

If you’d have pages/about.vue, the corresponding translations would be lang/en/about.js or lang/fr/about.js.

<div align="right">_{This feature request is available on Nuxt community (#c329)}</div>

[yakovyarmo]

I there any progress or way to do that?

[tvld]

Why not set lazy loading language for specific components in the same format as in nuxt.config.js ?

<script>
export default {
  i18n: {
    locales: [
      {
        name: 'English',
        code: 'en',
        iso: 'en-US',
        file: 'mypage.en.coffee'
      },
      {
        name: 'Nederlands',
        code: 'nl',
        iso: 'nl-NL',
        file: 'mypage.nl.coffee'
      }
    ],
    lazy: true,
    langDir: 'assets/lang/',
    defaultLocale: 'en'
  },

This would not only solve lazy loading but also different fallback per page, which I happen to have use case for … 😉