feat(query): add useQueriesState composable

src/index.ts

@@ -33,6 +33,7 @@ export {
   serialize,
   type UseQueryEntry,
 } from './query-store'
+export { useQueriesState } from './use-queries-state'
 
 export { TreeMapNode, type EntryNodeKey } from './tree-map'
 

src/query-store.ts

@@ -173,7 +173,7 @@ export const useQueryCache = defineStore(QUERY_STORE_ID, () => {
 
   function ensureEntry<TResult = unknown, TError = ErrorDefault>(
     keyRaw: EntryKey,
-    options: UseQueryOptionsWithDefaults<TResult, TError>,
+    options?: UseQueryOptionsWithDefaults<TResult, TError>,
   ): UseQueryEntry<TResult, TError> {
     if (process.env.NODE_ENV !== 'production' && keyRaw.length === 0) {
       throw new Error(
@@ -188,7 +188,7 @@ export const useQueryCache = defineStore(QUERY_STORE_ID, () => {
       cachesRaw.set(
         key,
         (entry = scope.run(() =>
-          createQueryEntry(key, options.initialData?.()),
+          createQueryEntry(key, options?.initialData?.()),
         )!),
       )
     }

src/use-queries-state.ts

@@ -0,0 +1,31 @@
+import type { MaybeRefOrGetter } from 'vue'
+import { computed, toValue } from 'vue'
+import type { EntryKey } from './entry-options'
+import type { QueryStatus } from './query-store'
+import { useQueryCache } from './query-store'
+
+interface QueryState {
+    data: unknown
+    error: unknown
+    status: QueryStatus
+}
+
+// TODO: accept also a since key (instead of an array) as argument
+// TODO: accept a ref for `keys` (to handle adding/removing entries for example)?
+export function useQueriesState(keys: Array<MaybeRefOrGetter<EntryKey>>) {
+  const { ensureEntry } = useQueryCache()
+  return computed(() => {
+  return keys.map<QueryState[]>(
+    // TODO: fix TS issue
+    (key) => {
+        const query = ensureEntry(toValue(key))
+        return {
+            data: query.data.value,
+            error: query.error.value,
+            status: query.status.value,
+            options: query.options,
+        }
+    },
+)
+  })
+}