fix(useRouteQuery): allow setting multiple route queries in same tick (…

…#2646)

packages/router/useRouteQuery/index.ts

@@ -3,6 +3,8 @@ import { computed, nextTick, unref } from 'vue-demi'
 import { useRoute, useRouter } from 'vue-router'
 import type { ReactiveRouteOptions } from '../_types'
 
+let queue: Record<string, any> = {}
+
 export function useRouteQuery(name: string): Ref<null | string | string[]>
 export function useRouteQuery<T extends null | undefined | string | string[] = null | string | string[]>(name: string, defaultValue?: T, options?: ReactiveRouteOptions): Ref<T>
 export function useRouteQuery<T extends string | string[]>(
@@ -24,8 +26,11 @@ export function useRouteQuery<T extends string | string[]>(
       return data
     },
     set(v) {
+      queue[name] = v === defaultValue || v === null ? undefined : v
+
       nextTick(() => {
-        router[unref(mode)]({ ...route, query: { ...route.query, [name]: v === defaultValue || v === null ? undefined : v } })
+        router[unref(mode)]({ ...route, query: { ...route.query, ...queue } })
+        nextTick(() => queue = {})
       })
     },
   })