feat: update type imports and enhance Nuxt module setup for better type handling

Author: productdevbook

playground-nuxt/app/graphql/sdk.ts

@@ -3,7 +3,7 @@
 /* tslint:disable */
 /* eslint-disable */
 /* prettier-ignore */
-import * as Types from '#graphql/client';
+import type * as Types from '#graphql/client';
 
 export type CreateUserMutationVariables = Types.Exact<{
   input: Types.CreateUserInput;

src/client-codegen.ts

@@ -162,10 +162,11 @@ export async function generateClientTypes(
           NonEmptyString: 'string',
           Currency: 'string',
         },
+        useTypeImports: true,
+
       },
       presetConfig: {
         typesPath: '#graphql/client',
-
       },
       plugins: [
         { pluginContent: {} },

src/ecosystem/nuxt.ts

@@ -1,6 +1,6 @@
 import type { VueTSConfig } from '@nuxt/schema'
-import { addImportsDir, defineNuxtModule } from '@nuxt/kit'
-import { join } from 'pathe'
+import { defineNuxtModule } from '@nuxt/kit'
+import { join, resolve } from 'pathe'
 
 export interface ModuleOptions {
 
@@ -14,8 +14,7 @@ export default defineNuxtModule<ModuleOptions>({
       nuxt: '>=3.16.0',
     },
   },
-  defaults: {},
-  setup: (options, nuxt) => {
+  setup: async (_options, nuxt) => {
     nuxt.hooks.hook('prepare:types', (options) => {
       options.references.push({ path: 'types/nitro-graphql-client.d.ts' })
 
@@ -33,6 +32,8 @@ export default defineNuxtModule<ModuleOptions>({
     nuxt.options.alias = nuxt.options.alias || {}
     nuxt.options.alias['#graphql/client'] = join(nuxt.options.buildDir, 'types/nitro-graphql-client.d.ts')
 
-    addImportsDir(join(nuxt.options.srcDir, 'graphql'))
+    nuxt.hook('imports:dirs', (dirs) => {
+      dirs.push(resolve(nuxt.options.srcDir, 'graphql'))
+    })
   },
 })

src/index.ts

@@ -31,7 +31,7 @@ export default defineNitroModule({
       default:
     }
 
-    watch(watchDirs, {
+    const watcher = watch(watchDirs, {
       persistent: true,
       ignoreInitial: true,
       ignored: nitro.options.ignore,
@@ -41,6 +41,10 @@ export default defineNitroModule({
       }
     })
 
+    nitro.hooks.hook('close', () => {
+      watcher.close()
+    })
+
     const tsConfigPath = resolve(
       nitro.options.buildDir,
       nitro.options.typescript.tsconfigPath,