perf(vue-query): avoid unnecessary deep watch (#5764)

Author: Mini-ghost

packages/vue-query/src/useBaseQuery.ts

@@ -88,14 +88,10 @@ export function useBaseQuery<
     { immediate: true },
   )
 
-  watch(
-    defaultedOptions,
-    () => {
-      observer.setOptions(defaultedOptions.value)
-      updateState(state, observer.getCurrentResult())
-    },
-    { deep: true },
-  )
+  watch(defaultedOptions, () => {
+    observer.setOptions(defaultedOptions.value)
+    updateState(state, observer.getCurrentResult())
+  })
 
   onScopeDispose(() => {
     unsubscribe()

packages/vue-query/src/useIsFetching.ts

@@ -27,13 +27,9 @@ export function useIsFetching(
     isFetching.value = queryClient.isFetching(filters)
   })
 
-  watch(
-    filters,
-    () => {
-      isFetching.value = queryClient.isFetching(filters)
-    },
-    { deep: true },
-  )
+  watch(filters, () => {
+    isFetching.value = queryClient.isFetching(filters)
+  })
 
   onScopeDispose(() => {
     unsubscribe()

packages/vue-query/src/useIsMutating.ts

@@ -27,13 +27,9 @@ export function useIsMutating(
     isMutating.value = queryClient.isMutating(filters)
   })
 
-  watch(
-    filters,
-    () => {
-      isMutating.value = queryClient.isMutating(filters)
-    },
-    { deep: true },
-  )
+  watch(filters, () => {
+    isMutating.value = queryClient.isMutating(filters)
+  })
 
   onScopeDispose(() => {
     unsubscribe()

packages/vue-query/src/useMutation.ts

@@ -167,13 +167,9 @@ export function useMutation<
     })
   }
 
-  watch(
-    options,
-    () => {
-      observer.setOptions(queryClient.defaultMutationOptions(options.value))
-    },
-    { deep: true },
-  )
+  watch(options, () => {
+    observer.setOptions(queryClient.defaultMutationOptions(options.value))
+  })
 
   onScopeDispose(() => {
     unsubscribe()

packages/vue-query/src/useQueries.ts

@@ -191,14 +191,10 @@ export function useQueries<T extends any[]>({
     { immediate: true },
   )
 
-  watch(
-    unreffedQueries,
-    () => {
-      observer.setQueries(defaultedQueries.value)
-      state.splice(0, state.length, ...observer.getCurrentResult())
-    },
-    { deep: true },
-  )
+  watch(defaultedQueries, () => {
+    observer.setQueries(defaultedQueries.value)
+    state.splice(0, state.length, ...observer.getCurrentResult())
+  })
 
   onScopeDispose(() => {
     unsubscribe()