perf(vue-query): reduce unnecessary computed() in useIsFetching (#5905)

* perf(vue-query): reduce unnecessary `computed()`

* chore: rename function

* refactor: use `watchSyncEffect` instead of `watchEffect`

Author: Mini-ghost

packages/vue-query/src/useIsFetching.ts

@@ -1,6 +1,5 @@
-import { computed, onScopeDispose, ref, watch } from 'vue-demi'
+import { onScopeDispose, ref, watchSyncEffect } from 'vue-demi'
 import { useQueryClient } from './useQueryClient'
-import { cloneDeepUnref } from './utils'
 import type { Ref } from 'vue-demi'
 import type { QueryFilters as QF } from '@tanstack/query-core'
 import type { MaybeRefDeep } from './types'
@@ -12,18 +11,17 @@ export function useIsFetching(
   fetchingFilters: MaybeRefDeep<QF> = {},
   queryClient?: QueryClient,
 ): Ref<number> {
-  const filters = computed(() => cloneDeepUnref(fetchingFilters))
   const client = queryClient || useQueryClient()
 
-  const isFetching = ref(client.isFetching(filters))
+  const isFetching = ref()
 
-  const unsubscribe = client.getQueryCache().subscribe(() => {
-    isFetching.value = client.isFetching(filters)
-  })
+  const listener = () => {
+    isFetching.value = client.isFetching(fetchingFilters)
+  }
 
-  watch(filters, () => {
-    isFetching.value = client.isFetching(filters)
-  })
+  const unsubscribe = client.getQueryCache().subscribe(listener)
+
+  watchSyncEffect(listener)
 
   onScopeDispose(() => {
     unsubscribe()