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

* perf(vue-query): avoid unnecessary deep watch

* update

Author: Mini-ghost

packages/vue-query/src/useBaseQuery.ts

@@ -137,7 +137,7 @@ export function useBaseQuery<
 
         run()
 
-        stopWatch = watch(defaultedOptions, run, { deep: true })
+        stopWatch = watch(defaultedOptions, run)
       },
     )
   }

packages/vue-query/src/useIsFetching.ts

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

packages/vue-query/src/useMutation.ts

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

packages/vue-query/src/useMutationState.ts

@@ -65,13 +65,9 @@ export function useMutationState<TResult = MutationState>(
     state.value = result
   })
 
-  watch(
-    filters,
-    () => {
-      state.value = getResult(mutationCache, options)
-    },
-    { deep: true },
-  )
+  watch(filters, () => {
+    state.value = getResult(mutationCache, options)
+  })
 
   onScopeDispose(() => {
     unsubscribe()

packages/vue-query/src/useQueries.ts

@@ -207,20 +207,16 @@ export function useQueries<
     { immediate: true },
   )
 
-  watch(
-    [defaultedQueries],
-    () => {
-      observer.setQueries(
-        defaultedQueries.value,
-        options as QueriesObserverOptions<TCombinedResult>,
-      )
-      const [, getCombinedResultPersisted] = observer.getOptimisticResult(
-        defaultedQueries.value,
-      )
-      state.value = getCombinedResultPersisted()
-    },
-    { deep: true },
-  )
+  watch(defaultedQueries, () => {
+    observer.setQueries(
+      defaultedQueries.value,
+      options as QueriesObserverOptions<TCombinedResult>,
+    )
+    const [, getCombinedResultPersisted] = observer.getOptimisticResult(
+      defaultedQueries.value,
+    )
+    state.value = getCombinedResultPersisted()
+  })
 
   onScopeDispose(() => {
     unsubscribe()