fix: filtering in the case list does not update the shown cases (#2364) (#2496)

Author: stolpeo

frontend/src/cases/components/CaseListTable/CaseListTable.vue

@@ -84,6 +84,11 @@ const updateQuery = async ({
 /** Debounced version of `updateQuery`. */
 const updateQueryDebounced = debounce(updateQuery, 500)
 
+// Watch for search changes and reset page to 1 to avoid loading non-existent pages
+watch(search, () => {
+  page.value = 1
+})
+
 // Watch for any error and emit a message on any error.
 watch(
   () => caseListRes.isError,

frontend/src/cases/queries/cases.ts

@@ -56,7 +56,8 @@ export const useCaseListQuery = ({
         order_by: () => toValue(orderBy) ?? 'name',
         // @ts-ignore // https://github.com/hey-api/openapi-ts/issues/653#issuecomment-2314847011
         order_dir: () => toValue(orderDir) ?? 'asc',
-        q: toValue(queryString),
+        // @ts-ignore // https://github.com/hey-api/openapi-ts/issues/653#issuecomment-2314847011
+        q: () => toValue(queryString),
       },
     }),
     // @ts-ignore // https://github.com/hey-api/openapi-ts/issues/653#issuecomment-2314847011
@@ -87,7 +88,7 @@ export const useCaseCountQuery = ({
       },
       query: {
         // @ts-ignore // https://github.com/hey-api/openapi-ts/issues/653#issuecomment-2314847011
-        q: queryString,
+        q: () => toValue(queryString),
       },
     }),
     enabled: () => !!toValue(projectUuid),