Lazy loading does not work with translations in single file components

[PaulCombal]

Environment

• Operating System: Linux
• Node Version: v20.11.1
• Nuxt Version: 3.13.2
• CLI Version: 3.13.2
• Nitro Version: 2.9.7
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, ssr, typescript, app, build, nitro, sourcemap, devServerHandlers, modules, runtimeConfig, i18n, auth, compatibilityDate
• Runtime Modules: @sidebase/[email protected], @pinia/[email protected], @nuxtjs/[email protected], @nuxt/[email protected], @vueuse/[email protected]
• Build Modules: -

Reproduction

Using single file component translations like so:

<script setup lang="ts">
const { t } = useI18n()
</script>

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

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

Lazy loading does not work: it seems to lazy load the translation files just fine but not the SFC translations.

Is this intended?

Describe the bug

I expected the language/translation chunks from SFCs to be downloaded on language switch, however only the language files seem to be downloaded.

Additional context

No response

Logs

[BobbieGoede]

The lazy loading feature only applies to locale files configured in nuxt.config with the i18n.locales.*.files entry.

The i18n blocks are handled at build/bundle by @intlify/unplugin-vue-i18n, I'm not entirely sure but I assume these translations are simply loaded with the component itself, I suggest opening an issue on that repo on adding lazy/separate loaded locale specific translations from i18n block.

Closing this as the feature does not cover this (so it is not a bug), and the behavior for i18n blocks is provided upstream.