feat: define const for queryClient injection

Author: DamianOsipiuk

README.md

@@ -13,14 +13,14 @@ Vue bindings for [react-query](https://github.com/tannerlinsley/react-query)
 2. Attach vue-react-query to your Vue application
 
    ```
-   import { QueryClient } from "vue-react-query";
+   import { QueryClient, VUE_REACT_QUERY_CLIENT } from "vue-react-query";
    import { createApp } from "vue";
    import App from "./App.vue";
 
    const app = createApp(App);
    const queryClient = new QueryClient();
 
-   app.provide("queryClient", queryClient);
+   app.provide(VUE_REACT_QUERY_CLIENT, queryClient);
 
    app.mount("#app");
    ```

src/index.ts

@@ -1,6 +1,6 @@
 export { QueryClient } from "react-query/core";
 
-export { useQueryClient } from "./useQueryClient";
+export { useQueryClient, VUE_REACT_QUERY_CLIENT } from "./useQueryClient";
 
 export { useQuery } from "./useQuery";
 export { useQueries } from "./useQueries";

src/useBaseQuery.ts

@@ -37,7 +37,7 @@ export function useBaseQuery<TQueryFnData, TError, TData, TQueryData>(
     unsubscribe();
   });
 
-  return (toRefs(readonly(state)) as unknown) as ToRefs<
+  return toRefs(readonly(state)) as ToRefs<
     Readonly<UseQueryResult<TData, TError>>
   >;
 }

src/useQueries.ts

@@ -33,7 +33,5 @@ export function useQueries(
     unsubscribe();
   });
 
-  return (toRefs(readonly(state)) as unknown) as ToRefs<
-    Readonly<UseQueryResult[]>
-  >;
+  return toRefs(readonly(state)) as ToRefs<Readonly<UseQueryResult[]>>;
 }

src/useQueryClient.ts

@@ -2,12 +2,14 @@ import { inject } from "vue";
 
 import type { QueryClient } from "react-query/types";
 
+export const VUE_REACT_QUERY_CLIENT = "VUE_REACT_QUERY_CLIENT";
+
 export function useQueryClient(): QueryClient {
-  const queryClient = inject<QueryClient>("queryClient");
+  const queryClient = inject<QueryClient>(VUE_REACT_QUERY_CLIENT);
 
   if (!queryClient) {
     throw new Error(
-      "No queryClient found in Vue context, use 'app.provide(\"queryClient\", queryClient);' to set one in root component."
+      "No queryClient found in Vue context, use 'app.provide(VUE_REACT_QUERY_CLIENT, new QueryClient());' to set one in root component."
     );
   }