fix: fix nuxt-auth-utils stubs for customer account api

Signed-off-by: Frederik Bußmann <frederik@bussmann.io>

Author: freb97

playgrounds/playground-v4/app/pages/customer.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { Customer } from '#shopify/storefront'
+import type { CustomerDetailsQuery } from '#shopify/customer-account'
 
 const session = useUserSession()
 
-let customer: Partial<Customer> | undefined = undefined
+let customer: CustomerDetailsQuery['customer'] | undefined = undefined
 
 if (!session.loggedIn) {
   navigateTo('/_auth/customer-account/callback')
@@ -26,6 +26,7 @@ else {
 
 <template>
   <div>
-    <pre>{{ customer?.firstName }} {{ customer?.lastName }}</pre>
+    <h1>Welcome, {{ customer?.firstName && customer?.lastName ? `${customer.firstName} ${customer.lastName}` : 'Nuxt User' }}!</h1>
+    <p>E-Mail: {{ customer?.emailAddress?.emailAddress }}</p>
   </div>
 </template>

playgrounds/playground-v4/graphql/customer-account/index.ts

@@ -3,5 +3,8 @@ export const CUSTOMER_FRAGMENT = `#graphql
         id
         firstName
         lastName
+        emailAddress {
+            emailAddress
+        }
     }
 `

src/module.ts

@@ -31,7 +31,9 @@ export default defineNuxtModule<ModuleOptions>({
   },
 
   moduleDependencies: {
-    'nuxt-auth-utils': {},
+    'nuxt-auth-utils': {
+      optional: true,
+    },
   },
 
   async setup(options, nuxt) {

src/setup/clients.ts

@@ -3,7 +3,7 @@ import type { Nuxt } from '@nuxt/schema'
 
 import type { ShopifyConfig } from '../types'
 
-import { addServerHandler, addTypeTemplate, hasNuxtModule } from '@nuxt/kit'
+import { addServerHandler, addServerImports, addTemplate, addTypeTemplate, hasNuxtModule } from '@nuxt/kit'
 import defu from 'defu'
 import { withoutProtocol } from 'ufo'
 
@@ -17,7 +17,7 @@ import {
 } from '../utils/clients'
 import { ShopifyClientType } from '../schemas'
 import { createStoreDomain } from '../runtime/utils/client'
-import { nuxtAuthUtilsTemplate } from '../templates/auth-utils'
+import { nuxtAuthUtilsDevTemplate, nuxtAuthUtilsTemplate } from '../templates/auth-utils'
 
 export default async function setupClients(nuxt: Nuxt, config: ShopifyConfig, resolver: Resolver) {
   const logger = useLogger(config)
@@ -83,4 +83,20 @@ export default async function setupClients(nuxt: Nuxt, config: ShopifyConfig, re
       })
     }
   }
+
+  if (!hasNuxtModule('nuxt-auth-utils', nuxt)) {
+    addTypeTemplate({
+      filename: 'shopify/auth-utils.dev.d.ts',
+      getContents: () => nuxtAuthUtilsDevTemplate,
+    }, {
+      nitro: true,
+    })
+
+    const { dst } = addTemplate({
+      filename: 'shopify/auth-utils.mjs',
+      getContents: () => 'export const getUserSession = async () => {}',
+    })
+
+    addServerImports([{ from: resolver.resolve(dst), name: 'getUserSession' }])
+  }
 }