migrate select/multiselect components to Radix Vue primitives

resources/js/utils/useAggregatedTimeEntriesQuery.ts

@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/vue-query';
+import { api, type AggregatedTimeEntriesQueryParams, type ReportingResponse } from '@/packages/api/src';
+import { getCurrentOrganizationId } from '@/utils/useUser';
+import { computed, type ComputedRef, unref } from 'vue';
+
+export function useAggregatedTimeEntriesQuery(
+    queryKeyPrefix: string,
+    filterParams: ComputedRef<AggregatedTimeEntriesQueryParams>
+) {
+    const query = useQuery<ReportingResponse>({
+        queryKey: computed(() => [
+            'aggregatedTimeEntries',
+            queryKeyPrefix,
+            getCurrentOrganizationId(),
+            unref(filterParams),
+        ]),
+        queryFn: () =>
+            api.getAggregatedTimeEntries({
+                params: {
+                    organization: getCurrentOrganizationId() || '',
+                },
+                queries: unref(filterParams),
+            }),
+        enabled: computed(() => !!getCurrentOrganizationId()),
+        staleTime: 1000 * 30,
+    });
+
+    return query;
+}