refactor: externalize query sanitizer

src/util.ts

@@ -403,17 +403,21 @@ export function humanJoin(iterable: Iterable<string>, glue: string, lastGlue: st
   return `${array.join(glue)}${lastGlue}${lastValue}`
 }
 
+export function toQuery(
+  query: Record<string, string | number | null | undefined>,
+): URLSearchParams {
+  const _query: Record<string, string> = {}
+  for (const [key, value] of Object.entries(query)) {
+    if (value === null || value === undefined) continue
+    _query[key] = value.toString()
+  }
+  return new URLSearchParams(_query)
+}
+
 export function useQuery(
   query: MaybeRefOrGetter<Record<string, string | number | null | undefined>>,
 ) {
-  return computed(() => {
-    const _query: Record<string, string> = {}
-    for (const [key, value] of Object.entries(toValue(query))) {
-      if (value === null || value === undefined) continue
-      _query[key] = value.toString()
-    }
-    return new URLSearchParams(_query)
-  })
+  return computed(() => toQuery(toValue(query)))
 }
 
 export async function fromAsync<T>(iterable: AsyncIterable<T>): Promise<T[]> {