feat: refetch, remove, reset returned as function not ref

BREAKING CHANGE: refetch, remove, reset are now returned as function instead of ref

Author: DamianOsipiuk

.github/workflows/ci.yml

@@ -33,7 +33,7 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
-      - run: npm ci
+      - run: npm ci --force
       - run: npm run lint
       - run: npm run build
       - run: npm test
@@ -57,7 +57,7 @@ jobs:
         with:
           node-version: 14
           registry-url: https://registry.npmjs.org/
-      - run: npm ci
+      - run: npm ci --force
       - run: npm run build
       - run: npx semantic-release@17
         env:

src/vuejs/__tests__/useMutation.test.ts

@@ -99,7 +99,7 @@ describe("useMutation", () => {
 
     await flushPromises(10);
 
-    mutation.reset.value();
+    mutation.reset();
 
     expect(mutation).toMatchObject({
       isIdle: { value: true },

src/vuejs/useInfiniteQuery.ts

@@ -36,13 +36,15 @@ type InfiniteQueryReturnType<TData, TError> = UseQueryReturnType<
 >;
 type UseInfiniteQueryReturnType<TData, TError> = Omit<
   InfiniteQueryReturnType<TData, TError>,
-  "fetchNextPage" | "fetchPreviousPage"
+  "fetchNextPage" | "fetchPreviousPage" | "refetch" | "remove"
 > & {
   fetchNextPage: InfiniteQueryObserverResult<TData, TError>["fetchNextPage"];
   fetchPreviousPage: InfiniteQueryObserverResult<
     TData,
     TError
   >["fetchPreviousPage"];
+  refetch: InfiniteQueryObserverResult<TData, TError>["refetch"];
+  remove: InfiniteQueryObserverResult<TData, TError>["remove"];
 };
 
 export function useInfiniteQuery<
@@ -105,5 +107,7 @@ export function useInfiniteQuery<
     ...result,
     fetchNextPage: result.fetchNextPage.value,
     fetchPreviousPage: result.fetchPreviousPage.value,
+    refetch: result.refetch.value,
+    remove: result.remove.value,
   };
 }

src/vuejs/useMutation.ts

@@ -23,7 +23,7 @@ import { WithQueryClientKey } from "./types";
 
 type MutationResult<TData, TError, TVariables, TContext> = Omit<
   MutationObserverResult<TData, TError, TVariables, TContext>,
-  "mutate"
+  "mutate" | "reset"
 >;
 
 export type UseMutationOptions<TData, TError, TVariables, TContext> =
@@ -49,6 +49,7 @@ export type UseMutationReturnType<
 > = ToRefs<Readonly<Result>> & {
   mutate: MutateSyncFunction<TData, TError, TVariables, TContext>;
   mutateAsync: MutateFunction<TData, TError, TVariables, TContext>;
+  reset: MutationObserverResult<TData, TError, TVariables, TContext>["reset"];
 };
 
 export function useMutation<
@@ -153,6 +154,7 @@ export function useMutation<
     ...resultRefs,
     mutate,
     mutateAsync: state.mutate,
+    reset: state.reset,
   };
 }
 

src/vuejs/useQuery.ts

@@ -10,9 +10,10 @@ import type { WithQueryClientKey, VueQueryObserverOptions } from "./types";
 
 type UseQueryReturnType<TData, TError> = Omit<
   UQRT<TData, TError>,
-  "refetch"
+  "refetch" | "remove"
 > & {
   refetch: QueryObserverResult<TData, TError>["refetch"];
+  remove: QueryObserverResult<TData, TError>["remove"];
 };
 
 export type UseQueryOptions<
@@ -75,5 +76,6 @@ export function useQuery<
   return {
     ...result,
     refetch: result.refetch.value,
+    remove: result.remove.value,
   };
 }