fix: possible conflict with import ids of nuxt and nitro clients

Author: Pentadome

playground/app/app.vue

@@ -25,7 +25,7 @@ const _result2 = await useGithubFetch('/advisories/{ghsa_id}', {
 });
 
 // check for type error
-const _test2: GithubComponents['schemas']['global-advisory'] | null =
+const _test2: GithubComponents['schemas']['global-advisory'] | undefined =
   _result2.data.value;
 
 const _result3 = useCustomGithubFetch('/advisories/{ghsa_id}', {
@@ -36,7 +36,7 @@ const _result3 = useCustomGithubFetch('/advisories/{ghsa_id}', {
 useLazyCustomGithubFetch('/');
 
 // check for type error
-const _test3: GithubComponents['schemas']['global-advisory'] | null =
+const _test3: GithubComponents['schemas']['global-advisory'] | undefined =
   _result3.data.value;
 
 // test auto import

playground/tsconfig.json

@@ -1,3 +1,18 @@
 {
-  "extends": "./.nuxt/tsconfig.json"
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
 }

src/generate.ts

@@ -16,7 +16,6 @@ import {
   createResolver,
 } from '@nuxt/kit';
 import { kebabCase, pascalCase, toMerged } from 'es-toolkit';
-import type { Alias } from 'vite';
 
 type GenerateArgs = {
   moduleConfig: ResolvedConfig;
@@ -302,7 +301,7 @@ declare module "${nitroClientModule}" {
   } from '${resolver.resolve('./runtime/server')}';
   export const handleFetchPathParams: typeof import('${resolver.resolve('./runtime/server')}')['handleFetchPathParams']
   export const ensureArray: typeof import('${resolver.resolve('./runtime/server')}')['ensureArray']
-  ${allClientExports.join('\n')}
+  ${allClientExports.join('\n  ')}
 }`;
         },
         write: true,
@@ -406,22 +405,12 @@ const resolveClientConfig = (
 
 /** only add alias to app, but not to server. this is different from `nuxt.options.alias` */
 const addAppAlias = (nuxt: Nuxt, alias: string, actual: string) => {
-  nuxt.hook('prepare:types', (options) => {
-    options.tsConfig.compilerOptions ??= {};
-    options.tsConfig.compilerOptions.paths ??= {};
-    options.tsConfig.compilerOptions.paths[alias] = [actual];
-    options.tsConfig.compilerOptions.paths[`${alias}/*`] = [`${actual}/*`];
-  });
-
-  nuxt.hook('vite:extendConfig', (config) => {
-    config.resolve ??= {};
-
-    if (Array.isArray(config.resolve.alias)) {
-      const array = config.resolve.alias as Alias[];
-      array.push({ find: alias, replacement: actual });
-    } else {
-      config.resolve.alias ??= {};
-      (config.resolve.alias as Record<string, string>)[alias] = actual;
+  nuxt.options.alias ??= {};
+  nuxt.options.alias[alias] = actual;
+  nuxt.hook('nitro:config', (options) => {
+    if (options.alias) {
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+      delete options.alias[alias];
     }
   });
 };