\n 176 ┃ {{ item.label }}\n 177 ┃ \u003C/UButton>\n\n ⁃ at renderComponentSubTree (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:737:9) \n ⁃ at renderComponentVNode (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:686:12) \n ⁃ at ssrRenderComponent (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:100:10) \n ⁃ at _sfc_ssrRender (/project/layouts/default.vue:28:41) \n ⁃ at renderComponentSubTree (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:737:9) \n ⁃ at renderVNode (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:801:14) \n ⁃ at callWithNuxt (/project/node_modules/nuxt/dist/app/nuxt.js:225:24)\n\n[CAUSE]\nTypeError {\n message: '_ctx.$t is not a function',\n stack: '_ctx.$t is not a function\\n' +\n 'at _sfc_ssrRender (/project/components/Navigation.vue:175:15)\\n' +\n 'at renderComponentSubTree (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:737:9)\\n' +\n 'at renderComponentVNode (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:686:12)\\n' +\n 'at ssrRenderComponent (/project/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:100:10)\\n' +\n 'at _sfc_ssrRender (/project/layouts/default.vue:28:41)\\n' +\n '...'\n}\n```\n\n\nHence I can't start the whole application.\n\nI tried to reproduce it in the stackblitz, but all works fine there. Maybe it has something to do with my envirnoment as I deleted all .nuxt files and also removed all node modules/reinstalled them\n\n\n### Additional context\n\n\nAlso I have a previous error which then causes the application to crash:\n```\n WARN [Vue warn]: Property \"$t\" was accessed during render but is not defined on instance. 14:28:44 \n at \u003CHeaderBar>\n at \u003CDefault ref=Ref\u003C undefined > >\n at \u003CAsyncComponentWrapper ref=Ref\u003C undefined > >\n at \u003CLayoutLoader key=\"default\" layoutProps={\n ref: RefImpl {\n dep: Dep {\n computed: undefined,\n version: 0,\n activeLink: undefined,\n subs: undefined,\n map: undefined,\n key: undefined,\n sc: 0,\n __v_skip: true,\n subsHead: undefined\n },\n __v_isRef: true,\n __v_isShallow: true,\n _rawValue: undefined,\n _value: undefined\n }\n } name=\"default\" >\n at \u003CNuxtLayoutProvider layoutProps={\n ref: RefImpl {\n dep: Dep {\n computed: undefined,\n version: 0,\n activeLink: undefined,\n subs: undefined,\n map: undefined,\n key: undefined,\n sc: 0,\n __v_skip: true,\n subsHead: undefined\n },\n __v_isRef: true,\n __v_isShallow: true,\n _rawValue: undefined,\n _value: undefined\n }\n } key=\"default\" name=\"default\" ... >\n at \u003CNuxtLayout>\n at \u003CError error=(0 , __vite_ssr_import_0__.getApps) is not a function\n\n at ensureAdminApp (/app/node_modules/vuefire/dist/server/index.mjs:36:41)\n at /app/node_modules/nuxt-vuefire/dist/runtime/admin/plugin.server.js:12:68\n at /app/node_modules/nuxt/dist/app/nuxt.js:156:60\n at fn (/app/node_modules/nuxt/dist/app/nuxt.js:233:44)\n at Object.callAsync (/app/node_modules/unctx/dist/index.mjs:68:55)\n at /app/node_modules/nuxt/dist/app/nuxt.js:236:56\n at Object.runWithContext (/app/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4002:18)\n at callWithNuxt (/app/node_modules/nuxt/dist/app/nuxt.js:236:24)\n at /app/node_modules/nuxt/dist/app/nuxt.js:55:41\n at EffectScope.run (/app/node_modules/@vue/reactivity/dist/reactivity.cjs.js:85:16) >\n at \u003CNuxtRoot>\n\n[nuxt-app] vue:error: 9.872ms 14:28:44 \n[nuxt-app] app:error: 0.022ms 14:28:44 \n[nitro-runtime] error: 0.571ms\n```\n\nWhen I remove nuxt-vuefire. It works again, no error on startup.\n\nWhen I downgrade to 9.5.6 for the i18n module, it works too even with nuxt-vuefire and even with it throwing an error directly\n\n### Logs\n\n```shell\n\n```",[3228],{"name":3196,"color":3197},3755,"_ctx.$t is not a function","2025-07-23T13:58:47Z","https://github.com/nuxt-modules/i18n/issues/3755",0.684727,{"description":3235,"labels":3236,"number":3238,"owner":3185,"repository":3186,"state":3187,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### Describe the feature\n\nWhen loading and fetching messages for external sources, the current advised solution (https://i18n.nuxtjs.org/docs/composables/define-i18n-locale) is during build time, which means for every change in messages we need to run the build/deploy again.\n\n\"A function that is the dynamic locale messages loading, that has the following parameters:\"\n\nDoes this mean that all the messages are fetched only during build, and after that they are lazy loaded?\n\nIt would be nice to have a feature, where the messages are cached and aren't loaded during build time.\n\nWould it be possible to implement this?\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution) (The contribution guideline of nuxt-modules/i18n is compliant with Nuxt too).\n- [x] Check existing [discussions](https://github.com/nuxt-modules/i18n/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3237],{"name":3196,"color":3197},3699,"Runtime dynamic loading of messages","2025-10-10T17:49:00Z","https://github.com/nuxt-modules/i18n/issues/3699",0.68575126,{"description":3244,"labels":3245,"number":3247,"owner":3185,"repository":3186,"state":3187,"title":3248,"updated_at":3249,"url":3250,"score":3251},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.18.0`\n- Nuxt Version: `4.1.2`\n- CLI Version: `3.28.0`\n- Nitro Version: `2.12.6`\n- Package Manager: `npm@10.9.3`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `modules`, `i18n`\n- Runtime Modules: `@nuxtjs/i18n@10.1.0`, `@nuxt/test-utils/module@3.19.2`\n- Build Modules: `-`\n\n\n### Reproduction\n\n- Install and setup I18n module\n- Add Nuxt testing\n- Use a component with translation (`const {.t } = useI18n();`) in the `setup` part of the component\n\nThe error case is set up in this repository, after cloning and installing dependencies the test run shows the error.\n\nhttps://github.com/gaborsoos-byborg/nuxt-i18n-testing\n\n### Describe the bug\n\nWhen testing a component in Vitest with NuxtTestUtils, translating a string with `$t` works fine, but translating with `const { t } = useI18n();` fails with the following error\n\n```\nstderr | ../test/components/Content.test.ts > Content > should render\n[Vue warn]: Unhandled error during execution of setup function \n at \u003CMountSuspendedComponent > \n at \u003CMountSuspendedHelper> \n at \u003CAnonymous ref=\"VTU_COMPONENT\" > \n at \u003CVTUROOT>\n \nSyntaxError: Need to install with `app.use` function\n ❯ createCompileError ../node_modules/@intlify/message-compiler/dist/message-compiler.mjs:77:19\n 75| ? format((messages || errorMessages)[code] || '', ...(args || []))\n 76| : code;\n 77| const error = new SyntaxError(String(msg));\n | ^\n 78| error.code = code;\n 79| if (loc) {\n ❯ createI18nError ../node_modules/vue-i18n/dist/vue-i18n.mjs:61:12\n ❯ useI18n ../node_modules/vue-i18n/dist/vue-i18n.mjs:2143:15\n ❯ setup components/Content.vue:2:15\n ❯ wrappedSetup ../node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:99:28\n ❯ clonedComponent.setup ../node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:190:48\n ❯ callWithErrorHandling ../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:200:19\n ❯ setupStatefulComponent ../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:7936:25\n ❯ setupComponent ../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:7897:36\n ❯ mountComponent ../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5227:7\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n\n```",[3246],{"name":3196,"color":3197},3827,"Test fails when using translation outside of template","2025-09-23T09:46:41Z","https://github.com/nuxt-modules/i18n/issues/3827",0.69526935,{"description":3253,"labels":3254,"number":3261,"owner":3185,"repository":3186,"state":3262,"title":3263,"updated_at":3264,"url":3265,"score":3266},"### Environment\n\n- Nuxt version: 3.17.4\n- @nuxtjs/i18n version: 10.0.0-beta-7\n- Deployment target: Static site (nuxi generate)\n- Works fine in SSR build (nuxi build)\n- Node version: 22\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/prod-https-6gz2f5\n\n- run `pnpm generate` command and check output folder. there is no i18n folder. \n- run `pnpm start` to run generate build. open browser console. you'll see `Failed to load messages for locale en FetchError: [GET] \"/_i18n/en/messages.json\":`\n\n### Describe the bug\n\nWhen generating a static site using `nuxi generate`, I get the following error in the console when loading the site:\n```\nFailed to load messages for locale en FetchError: [GET] \"/_i18n/en/messages.json\": 404 Not Found\n```\n\nThe same Nuxt app works fine with nuxtjs/i18n v9\n\nSetting `ssr: true` works fine for both build & generate \n\n### Additional context\n\nHere’s part of my nuxt.config.ts:\n```\n{\n defaultLocale: 'en',\n debug: import.meta.env.DEV,\n locales: [\n {\n code: 'en',\n language: 'en-US',\n file: 'en.json',\n name: 'English',\n },\n {\n code: 'es',\n file: 'es.json',\n name: 'Spanish',\n },\n {\n code: 'tl',\n file: 'tl.json',\n name: 'Tagalog (Filipino)',\n },\n ],\n strategy: 'no_prefix',\n detectBrowserLanguage: {\n useCookie: true,\n cookieKey: 'dmc.locale',\n redirectOn: 'root',\n },\n}\n```\n\n### Logs\n\n```shell\nTkPgtAp_.js:9 Failed to load messages for locale en FetchError: [GET] \"/_i18n/en/messages.json\": 404 Not Found\n at async s (N_fP37pm.js:19:23784)\n at async Object.loadLocaleMessages (N_fP37pm.js:53:9792)\n at async B1 (N_fP37pm.js:53:11552)\n at async setup (N_fP37pm.js:67:48664)\n at async t$ (N_fP37pm.js:19:30748)\n at async i (N_fP37pm.js:19:31273)\n at async N_fP37pm.js:19:31213\n at async Promise.all (:8080/index 5)\n at async N_fP37pm.js:19:31122\n at async i (N_fP37pm.js:19:31273)\n at async n$ (N_fP37pm.js:19:31324)\n at async Qk (N_fP37pm.js:1100:1993)\n```",[3255,3258],{"name":3256,"color":3257},"scope: ssg","85eac7",{"name":3259,"color":3260},"scope: ssr","0052cc",3645,"closed","Failed to load messages for locale only in static site generated with nuxi generate (404 on /_i18n/en/messages.json)","2025-05-26T18:06:23Z","https://github.com/nuxt-modules/i18n/issues/3645",0.61594945,{"description":3268,"labels":3269,"number":3273,"owner":3185,"repository":3186,"state":3262,"title":3274,"updated_at":3275,"url":3276,"score":3277},"### Environment\n\n```\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: ssr, compatibilityDate, devtools, modules, i18n\n- Runtime Modules: @nuxt/content@3.4.0, @nuxtjs/i18n@9.5.3\n- Build Modules: -\n```\n\n### Reproduction\n\nReproduction: https://stackblitz.com/~/github.com/ismaoc/test2\nCode: https://github.com/ismaoc/test2\n\n### Describe the bug\n\nJust created a fresh Nuxt project with `npm create nuxt \u003Cproject_name>` and added nuxti18n with `npx nuxi@latest module add i18n`. Added a basic locale config (same as the docs) and get a \"not found error\" or \"Failed to parse JSON file.\" for the locales files.\n\nThe config\n\n```\ni18n: {\n lazy: false,\n locales: [\n { code: 'en', file: 'en' },\n { code: 'fr', file: 'fr' },\n ],\n }\n```\n\nthrows the error:\n\n\n```\n[9:12:36 PM] ERROR Pre-transform error: Failed to load url /i18n/locales/en (resolved id: /Users/user/pruebas/test2/i18n/locales/en) in /Users/user/pruebas/test2/.nuxt/i18n.options.mjs. Does the file exist?\n\n\n[9:12:36 PM] ERROR Pre-transform error: Failed to load url /i18n/locales/fr (resolved id: /Users/user/pruebas/test2/i18n/locales/fr) in /Users/user/pruebas/test2/.nuxt/i18n.options.mjs. Does the file exist?\n```\n\nIf I add the .json extension like this:\n\ni18n: {\n defaultLocale: 'en',\n locales: [\n { code: 'en', name: 'English', file: 'en.json' },\n { code: 'fr', name: 'Français', file: 'fr.json' }\n ]\n }\n\nthrows:\n\n```\n ERROR Pre-transform error: Failed to parse JSON file. 9:19:58 PM\n Plugin: vite:json\n File: /Users/user/pruebas/test2/i18n/locales/fr.json\n\n\n ERROR Pre-transform error: Failed to parse JSON file. 9:19:58 PM\n Plugin: vite:json\n File: /Users/user/pruebas/test2/i18n/locales/en.json\n```\n\nThanks.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n\n```",[3270],{"name":3271,"color":3272},"upstream issue","fbca04",3560,"Bug: i18n Configuration Not Loading Locale Files","2025-05-16T11:33:25Z","https://github.com/nuxt-modules/i18n/issues/3560",0.64670277,{"description":3279,"labels":3280,"number":3282,"owner":3185,"repository":3186,"state":3262,"title":3283,"updated_at":3284,"url":3285,"score":3286},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.18.0\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.5\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, i18n, vite\n- Runtime Modules: @nuxt/eslint@1.0.1, @nuxtjs/i18n@10.0.6, @nuxt/image@1.9.0\n- Build Modules: -\n------------------------------\n\n\n### Reproduction\n\n**i18n config**\n```\nconst UA_LOCALE = 'ua';\nconst EN_LOCALE = 'en';\n\nexport const LOCALES = [\n {\n code: EN_LOCALE,\n iso: 'en',\n file: 'en.js',\n hreflang: EN_LOCALE,\n title: 'English',\n },\n {\n code: UA_LOCALE,\n iso: 'uk',\n file: 'ua.js',\n hreflang: 'uk',\n title: 'Українська',\n },\n];\n\nexport default {\n locales: LOCALES,\n defaultLocale: EN_LOCALE,\n strategy: 'prefix_except_default',\n fallbackLocale: EN_LOCALE,\n detectBrowserLanguage: true,\n langDir: './locales',\n restructureDir: '',\n};\n\n```\n\nnuxt.config.js\n```\nimport { defineNuxtConfig } from \"nuxt/config\"\nimport i18nConfig from './config/i18n.config';\n\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n modules: ['@nuxt/eslint', '@nuxtjs/i18n', '@nuxt/image'],\n i18n: i18nConfig,\n vite: {\n css: {\n preprocessorOptions: {\n scss: {\n additionalData: '@use \"~/assets/scss/_variables.scss\" as *;'\n }\n }\n }\n },\n})\n\n```\n**Project is SSR not SSG**\n\n### Describe the bug\n\nOn direct app access i18n request twice for message.json.\n\n\u003Cimg width=\"918\" height=\"241\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e1267897-7583-47ee-8d94-3286f5f875cc\" />\n\n It calls twice `loadMessages` first time from init, and second after \"locale-changing\" middleware.\n\n\u003Cimg width=\"1591\" height=\"419\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/956c305d-57e9-4a71-a3b6-5e2231a460df\" />\n\nLog from middleware handler\n\n\u003Cimg width=\"1080\" height=\"934\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/228c3154-f653-4190-b9a4-7ce6c197b00d\" />\n\nI faced this problem on big project, i thought maybe i have problems in router or something else, but used it tiny one to be sure\nTried to add and remove lazy: true, detectBrowserLanguage: false also tried.\n\n**Project structure, no custom routing**\n\u003Cimg width=\"1137\" height=\"991\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/9b9385cd-713e-4801-af61-6f8be38c73f1\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n\n```",[3281],{"name":3196,"color":3197},3813,"Duplicate request on client for messages","2025-09-11T15:30:00Z","https://github.com/nuxt-modules/i18n/issues/3813",0.6552058,["Reactive",3288],{},["Set"],["ShallowReactive",3291],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$flE2d_xgQVXd69me7j1y8yfPF150CceqGkNWCqwxEdlg":-1},"/nuxt-modules/i18n/3830"]