fix: setup auto-imports outside modules:done hook (#3520)

Author: BobbieGoede

src/alias.ts

@@ -19,10 +19,7 @@ const debug = createDebug('@nuxtjs/i18n:alias')
 
 export function setupAlias({ userOptions: options, isDev, isPrepare }: I18nNuxtContext, nuxt: Nuxt) {
   const modules = {
-    [VUE_I18N_PKG]:
-      isDev || isPrepare
-        ? `${VUE_I18N_PKG}/dist/vue-i18n.mjs`
-        : `${VUE_I18N_PKG}/dist/vue-i18n${options.bundle?.runtimeOnly ? '.runtime' : ''}.mjs`,
+    [VUE_I18N_PKG]: `${VUE_I18N_PKG}/dist/vue-i18n${!isDev && !isPrepare && options.bundle?.runtimeOnly ? '.runtime' : ''}.mjs`,
     [SHARED_PKG]: `${SHARED_PKG}/dist/shared.mjs`,
     [MESSAGE_COMPILER_PKG]: `${MESSAGE_COMPILER_PKG}/dist/message-compiler.mjs`,
     [CORE_BASE_PKG]: `${CORE_BASE_PKG}/dist/core-base.mjs`,

src/module.ts

@@ -43,6 +43,11 @@ export default defineNuxtModule<NuxtI18nOptions>({
      */
     prepareOptions(ctx, nuxt)
 
+    /**
+     * auto imports
+     */
+    prepareAutoImports(ctx)
+
     /**
      * allow other modules to setup first in case these use i18n hooks
      */
@@ -101,11 +106,6 @@ export default defineNuxtModule<NuxtI18nOptions>({
        */
       await setupNitro(ctx, nuxt)
 
-      /**
-       * auto imports
-       */
-      prepareAutoImports(ctx, nuxt)
-
       /**
        * transpile @nuxtjs/i18n
        */

src/prepare/auto-imports.ts

@@ -1,18 +1,14 @@
-import type { Nuxt } from '@nuxt/schema'
 import {
   NUXT_I18N_COMPOSABLE_DEFINE_CONFIG,
   NUXT_I18N_COMPOSABLE_DEFINE_LOCALE,
   NUXT_I18N_COMPOSABLE_DEFINE_ROUTE,
   VUE_I18N_PKG
 } from '../constants'
-import { addComponent, addImports } from '@nuxt/kit'
+import { addComponent, addImports, resolveModule } from '@nuxt/kit'
 import { runtimeDir } from '../dirs'
 import type { I18nNuxtContext } from '../context'
 
-export function prepareAutoImports({ debug, resolver }: I18nNuxtContext, nuxt: Nuxt) {
-  const vueI18nPath = nuxt.options.alias[VUE_I18N_PKG]
-  debug('vueI18nPath for auto-import', vueI18nPath)
-
+export function prepareAutoImports({ resolver, userOptions: options, isDev, isPrepare }: I18nNuxtContext) {
   addComponent({
     name: 'NuxtLinkLocale',
     filePath: resolver.resolve(runtimeDir, 'components/NuxtLinkLocale')
@@ -23,8 +19,9 @@ export function prepareAutoImports({ debug, resolver }: I18nNuxtContext, nuxt: N
     filePath: resolver.resolve(runtimeDir, 'components/SwitchLocalePathLink')
   })
 
+  const vueI18nPath = `${VUE_I18N_PKG}/dist/vue-i18n${!isDev && !isPrepare && options.bundle?.runtimeOnly ? '.runtime' : ''}.mjs`
   addImports([
-    { name: 'useI18n', from: vueI18nPath },
+    { name: 'useI18n', from: resolveModule(vueI18nPath) },
     ...[
       'useRouteBaseName',
       'useLocalePath',