September 2025 Updates

app/assets/styles/app.css

@@ -18,6 +18,7 @@
   flex-direction: column;
   flex: 1 1 auto;
   width: 100%;
+  margin-inline: auto;
 }
 
 @utility no-scrollbar {

app/components/shopify/cart/cart-drawer.vue

@@ -2,7 +2,6 @@
 import type { CartLineFragment } from '@@/types/shopify-storefront'
 
 import { useMagicKeys } from '@vueuse/core'
-import { flattenConnection } from '@/utils/graphql'
 
 // Stores
 const appStore = useAppStore()

app/components/shopify/product-card/product-card.vue

@@ -2,7 +2,6 @@
 import type { ProductFragment } from '@@/types/shopify-storefront'
 
 import { getColorOption } from '@/helpers/shopify'
-import { flattenConnection } from '@/utils/graphql'
 
 // Props
 const props = defineProps<{

app/pages/account/addresses/add.vue

@@ -66,8 +66,10 @@ const handleCreateAddress = async () => {
     if (response?.customerAddress) {
       await navigateTo('/account/addresses')
     }
-  } catch (error: any) {
-    errorMessage.value = `${error.message}. Please verify your address details and try again.`
+  } catch (error) {
+    if (error instanceof Error) {
+      errorMessage.value = `${error.message}. Please verify your address details and try again.`
+    }
   } finally {
     isLoading.value = false
   }

app/pages/account/addresses/edit.vue

@@ -72,8 +72,10 @@ const handleUpdateAddress = async () => {
     if (response?.customerAddress) {
       await navigateTo('/account/addresses')
     }
-  } catch (error: any) {
-    errorMessage.value = `${error.message}. Please verify your address details and try again.`
+  } catch (error) {
+    if (error instanceof Error) {
+      errorMessage.value = `${error.message}. Please verify your address details and try again.`
+    }
   } finally {
     isLoading.value = false
   }

app/pages/account/addresses/index.vue

@@ -4,8 +4,6 @@ import type {
   MailingAddressFragment,
 } from '@@/types/shopify-storefront'
 
-import { flattenConnection } from '@/utils/graphql'
-
 // Stores
 const authStore = useAuthStore()
 const shopStore = useShopStore()

app/pages/account/index.vue

@@ -5,8 +5,6 @@ import type {
   MailingAddressFragment,
 } from '@@/types/shopify-storefront'
 
-import { flattenConnection } from '@/utils/graphql'
-
 // Stores
 const authStore = useAuthStore()
 const shopStore = useShopStore()

app/pages/account/login.vue

@@ -42,8 +42,10 @@ const handleLogin = async () => {
       await cartStore.attachBuyer({ customerAccessToken: authStore.accessToken })
       await navigateTo('/account')
     }
-  } catch (error: any) {
-    errorMessage.value = `${error.message}. Please try again later.`
+  } catch (error) {
+    if (error instanceof Error) {
+      errorMessage.value = `${error.message}. Please try again later.`
+    }
   } finally {
     isLoading.value = false
   }
@@ -64,7 +66,7 @@ useHead({
 </script>
 
 <template>
-  <section class="wrapper px-6 pt-28 mx-auto md:pt-32 md:max-w-[400px] md:px-0">
+  <section class="wrapper px-6 pt-28 md:pt-32 md:max-w-[400px] md:px-0">
     <h1 class="text-xl tracking-tight leading-none text-center">
       Login
     </h1>

app/pages/account/orders/index.vue

@@ -4,8 +4,6 @@ import type {
   OrderFragment,
 } from '@@/types/shopify-storefront'
 
-import { flattenConnection } from '@/utils/graphql'
-
 // Stores
 const authStore = useAuthStore()
 const shopStore = useShopStore()
@@ -44,7 +42,7 @@ definePageMeta({
 </script>
 
 <template>
-  <section class="relative flex flex-col lg:col-span-2 2xl:col-span-1 mb-20">
+  <section class="flex flex-col lg:col-span-2 2xl:col-span-1 mb-20">
     <div class="flex flex-col gap-6 lg:mt-6 lg:px-8">
       <h2 class="px-6 text-xl tracking-tight leading-none lg:p-0">
         Orders ({{ orders?.length }})

app/pages/account/recover.vue

@@ -33,8 +33,10 @@ const handleRecover = async () => {
   try {
     await authStore.recover(email.value)
     successMessage.value = 'Success! Please check your email for instructions on how to reset your password.'
-  } catch (error: any) {
-    errorMessage.value = `${error.message}. Please try again later.`
+  } catch (error) {
+    if (error instanceof Error) {
+      errorMessage.value = `${error.message}. Please try again later.`
+    }
   } finally {
     isLoading.value = false
   }
@@ -47,7 +49,7 @@ useHead({
 </script>
 
 <template>
-  <section class="wrapper px-6 pt-28 mx-auto md:pt-32 md:max-w-[400px] md:px-0">
+  <section class="wrapper px-6 pt-28 md:pt-32 md:max-w-[400px] md:px-0">
     <h1 class="text-xl tracking-tight leading-none text-center">
       Forgot password?
     </h1>

app/pages/account/register.vue

@@ -62,8 +62,10 @@ const handleRegister = async () => {
     if (isAuth.value) {
       await navigateTo('/account')
     }
-  } catch (error: any) {
-    errorMessage.value = `${error.message}. Please try again later.`
+  } catch (error) {
+    if (error instanceof Error) {
+      errorMessage.value = `${error.message}. Please try again later.`
+    }
   } finally {
     isLoading.value = false
   }
@@ -89,7 +91,7 @@ useHead({
 </script>
 
 <template>
-  <section class="wrapper px-6 pt-28 mx-auto md:pt-32 md:max-w-[400px] md:px-0">
+  <section class="wrapper px-6 pt-28 md:pt-32 md:max-w-[400px] md:px-0">
     <h1 class="text-xl tracking-tight leading-none text-center">
       Register
     </h1>

app/pages/account/reset.vue

@@ -51,8 +51,10 @@ const handleReset = async () => {
     if (isAuth.value) {
       await navigateTo('/account')
     }
-  } catch (error: any) {
-    errorMessage.value = `${error.message}. Please try again later.`
+  } catch (error) {
+    if (error instanceof Error) {
+      errorMessage.value = `${error.message}. Please try again later.`
+    }
   } finally {
     isLoading.value = false
   }
@@ -78,7 +80,7 @@ useHead({
 </script>
 
 <template>
-  <section class="wrapper px-6 pt-28 mx-auto md:pt-32 md:max-w-[400px] md:px-0">
+  <section class="wrapper px-6 pt-28 md:pt-32 md:max-w-[400px] md:px-0">
     <h1 class="text-xl tracking-tight leading-none text-center">
       Enter a new password
     </h1>

app/pages/collections/[handle].vue

@@ -8,7 +8,6 @@ import type {
 } from '@@/types/shopify-storefront'
 
 import { getCollectionSortValues, getFilterValues } from '@/helpers/shopify'
-import { flattenConnection } from '@/utils/graphql'
 
 // Route data
 const route = useRoute()

app/pages/products/[handle].vue

@@ -6,8 +6,6 @@ import type {
   ProductVariantFragment,
 } from '@@/types/shopify-storefront'
 
-import { flattenConnection } from '@/utils/graphql'
-
 // Route data
 const route = useRoute()
 const handle = computed(() => route.params.handle as string)

app/pages/search.vue

@@ -8,7 +8,6 @@ import type {
 } from '@@/types/shopify-storefront'
 
 import { getSearchSortValues, getFilterValues } from '@/helpers/shopify'
-import { flattenConnection } from '@/utils/graphql'
 
 // Route data
 const route = useRoute()

app/stores/auth.ts

@@ -42,8 +42,8 @@ export const useAuthStore = defineStore('@nikkoel/auth', {
           this.accessToken = response.customerAccessToken.accessToken
           await this.getCustomer()
         }
-      } catch (error: any) {
-        console.error('Cannot create customer access token:', error.message)
+      } catch (error) {
+        console.error('Cannot create customer access token:', error)
         throw error
       }
     },
@@ -70,8 +70,8 @@ export const useAuthStore = defineStore('@nikkoel/auth', {
         }
 
         this.customer = customerInfo
-      } catch (error: any) {
-        console.error('Cannot get customer data:', error.message)
+      } catch (error) {
+        console.error('Cannot get customer data:', error)
         throw error
       }
     },
@@ -93,8 +93,8 @@ export const useAuthStore = defineStore('@nikkoel/auth', {
           email: input.email,
           password: input.password,
         })
-      } catch (error: any) {
-        console.error('Cannot create new customer:', error.message)
+      } catch (error) {
+        console.error('Cannot create new customer:', error)
         throw error
       }
     },
@@ -126,8 +126,8 @@ export const useAuthStore = defineStore('@nikkoel/auth', {
           this.accessToken = ''
           this.customer = null
         }
-      } catch (error: any) {
-        console.error('Cannot delete access token:', error.message)
+      } catch (error) {
+        console.error('Cannot delete access token:', error)
         throw error
       }
     },
@@ -146,8 +146,8 @@ export const useAuthStore = defineStore('@nikkoel/auth', {
         }
 
         return response
-      } catch (error: any) {
-        console.error('Cannot recover customer password:', error.message)
+      } catch (error) {
+        console.error('Cannot recover customer password:', error)
         throw error
       }
     },
@@ -175,8 +175,8 @@ export const useAuthStore = defineStore('@nikkoel/auth', {
           this.accessToken = response.customerAccessToken.accessToken
           await this.getCustomer()
         }
-      } catch (error: any) {
-        console.error('Cannot reset customer password:', error.message)
+      } catch (error) {
+        console.error('Cannot reset customer password:', error)
         throw error
       }
     },

app/stores/cart.ts

@@ -48,8 +48,8 @@ export const useCartStore = defineStore('@nikkoel/cart', {
         }
 
         this.cart = response?.cart
-      } catch (error: any) {
-        console.error('Cannot create cart:', error.message)
+      } catch (error) {
+        console.error('Cannot create cart:', error)
         throw error
       }
     },
@@ -78,8 +78,8 @@ export const useCartStore = defineStore('@nikkoel/cart', {
         }
 
         this.cart = response
-      } catch (error: any) {
-        console.error('Connot get cart data:', error.message)
+      } catch (error) {
+        console.error('Connot get cart data:', error)
         throw error
       }
     },
@@ -106,8 +106,8 @@ export const useCartStore = defineStore('@nikkoel/cart', {
         }
 
         this.cart = response?.cart
-      } catch (error: any) {
-        console.error('Cannot add lines:', error.message)
+      } catch (error) {
+        console.error('Cannot add lines:', error)
         throw error
       }
     },
@@ -134,8 +134,8 @@ export const useCartStore = defineStore('@nikkoel/cart', {
         }
 
         this.cart = response?.cart
-      } catch (error: any) {
-        console.error('Cannot remove lines:', error.message)
+      } catch (error) {
+        console.error('Cannot remove lines:', error)
         throw error
       }
     },
@@ -162,8 +162,8 @@ export const useCartStore = defineStore('@nikkoel/cart', {
         }
 
         this.cart = response?.cart
-      } catch (error: any) {
-        console.error('Cannot update cart lines:', error.message)
+      } catch (error) {
+        console.error('Cannot update cart lines:', error)
         throw error
       }
     },
@@ -190,8 +190,8 @@ export const useCartStore = defineStore('@nikkoel/cart', {
         }
 
         this.cart = response?.cart
-      } catch (error: any) {
-        console.error('Cannot update cart buyer identity:', error.message)
+      } catch (error) {
+        console.error('Cannot update cart buyer identity:', error)
         throw error
       }
     },

app/stores/shop.ts

@@ -50,8 +50,8 @@ export const useShopStore = defineStore('@nikkoel/shop', {
         this.locale.availableLanguages = response.availableLanguages
         this.locale.country = response.country
         this.locale.language = response.language
-      } catch (error: any) {
-        console.error('Connot get localization data:', error.message)
+      } catch (error) {
+        console.error('Connot get localization data:', error)
         throw error
       }
     },

modules/shopify/index.ts

@@ -36,15 +36,20 @@ export default defineNuxtModule<ModuleOptions>({
 
     const { resolve } = createResolver(import.meta.url)
 
-    addImports({
-      name: 'useShopify',
-      from: resolve('runtime/composables/use-shopify'),
-    })
+    const imports = [
+      {
+        name: 'useShopify',
+        from: resolve('runtime/composables/use-shopify'),
+      },
+      {
+        name: 'flattenConnection',
+        from: resolve('runtime/utils/flatten-connection'),
+      },
+    ]
+
+    addImports(imports)
 
-    addServerImports([{
-      name: 'useShopify',
-      from: resolve('runtime/composables/use-shopify'),
-    }])
+    addServerImports(imports)
 
     addServerHandler({
       method: 'post',