refactor(search): change GraphQL client usage to $apolloClient

Author: preschian

composables/useSearchNfts.ts

@@ -1,3 +1,6 @@
+import type { ResultOf } from 'gql.tada'
+import nftListWithSearch from '~/queries/subsquid/general/nftListWithSearch'
+
 export default function useSearchNfts({
   search,
   first = 10,
@@ -10,26 +13,36 @@ export default function useSearchNfts({
   const { client } = usePrefix()
   const chainPrefix = prefix || client.value
 
-  const { data, refetch, loading } = useGraphql({
-    queryPrefix: client.value,
-    clientName: chainPrefix,
-    queryName: 'nftListWithSearch',
-    variables: {
-      first,
-      search,
-      orderBy,
-      denyList,
-      offset,
-    },
-    options: {
-      fetchPolicy: 'cache-first',
-    },
-    disabled: computed(() => !immediate),
-  })
+  const { $apolloClient } = useNuxtApp()
+  const data = ref<ResultOf<typeof nftListWithSearch>>()
+  const loading = ref(true)
+
+  const fetchSearch = () => {
+    $apolloClient.query({
+      query: nftListWithSearch,
+      variables: {
+        first,
+        search,
+        orderBy: [orderBy],
+        denyList,
+        offset,
+      },
+      context: {
+        endpoint: chainPrefix,
+      },
+    }).then((res) => {
+      data.value = res.data
+      loading.value = false
+    })
+  }
+
+  if (immediate) {
+    fetchSearch()
+  }
 
   return {
     data,
-    refetch,
+    refetch: fetchSearch,
     loading,
   }
 }