fix(useStrapiClient): import dns module only in development (#370)

Co-authored-by: Benjamin Canac <[email protected]>

Author: ram-you

src/runtime/composables/useStrapiClient.ts

@@ -1,6 +1,5 @@
 import type { FetchError, FetchOptions } from 'ofetch'
 import { stringify } from 'qs'
-import dns from 'dns'
 import type { Strapi4Error } from '../types/v4'
 import type { Strapi3Error } from '../types/v3'
 import { useStrapiUrl } from './useStrapiUrl'
@@ -9,8 +8,11 @@ import { useStrapiToken } from './useStrapiToken'
 import { useNuxtApp } from '#imports'
 
 // Fixes `ECONNREFUSED` on Node 18: https://github.com/node-fetch/node-fetch/issues/1624#issuecomment-1407717012
+// Import dns only if running in a server environment during development
 if (process.server && process.dev) {
-  dns.setDefaultResultOrder('ipv4first')
+  import('dns')
+    .then((dns) => dns.setDefaultResultOrder('ipv4first'))
+    .catch((error) => console.error('Error importing dns module:', error))
 }
 
 const defaultErrors = (err: FetchError) => ({