refactor: remove react from the const name

DamianOsipiuk · DamianOsipiuk · commit 1aa18b73c6a6 · 2021-04-11T15:33:21.000+02:00
diff --git a/examples/basic-vue-2.x/index.html b/examples/basic-vue-2.x/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vue-react-query example</title>
+    <title>Vue-query example</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/basic-vue-2.x/src/App.vue b/examples/basic-vue-2.x/src/App.vue
@@ -33,7 +33,7 @@ export default defineComponent({
 
 <template>
   <div>
-    <h1>vue-react-query example</h1>
+    <h1>vue-query example</h1>
     <p>Turn on <b>Slow 3G</b> or <b>Offline</b> in dev-tools and hit Refetch</p>
     <button @click="refetch" :disabled="isFetching">
       {{ isFetching ? "Refetching..." : "Refetch" }}
diff --git a/examples/basic-vue-2.x/src/main.ts b/examples/basic-vue-2.x/src/main.ts
@@ -3,7 +3,7 @@ import { createApp, h } from "@vue/composition-api";
 import VueCompositionApi from "@vue/composition-api";
 
 import App from "./App.vue";
-import { QueryClient, VUE_REACT_QUERY_CLIENT } from "../../../lib";
+import { QueryClient, VUE_QUERY_CLIENT } from "../../../lib";
 
 Vue.use(VueCompositionApi);
 
@@ -12,7 +12,7 @@ queryClient.mount();
 
 createApp({
   provide: {
-    [VUE_REACT_QUERY_CLIENT]: queryClient,
+    [VUE_QUERY_CLIENT]: queryClient,
   },
   render() {
     return h(App);
diff --git a/examples/basic/index.html b/examples/basic/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vue-react-query example</title>
+    <title>Vue-query example</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/basic/src/App.vue b/examples/basic/src/App.vue
@@ -35,7 +35,7 @@ export default defineComponent({
 </script>
 
 <template>
-  <h1>vue-react-query example</h1>
+  <h1>vue-query example</h1>
   <p>Turn on <b>Slow 3G</b> or <b>Offline</b> in dev-tools and hit Refetch</p>
   <button @click="refetch" :disabled="isFetching">
     {{ isFetching ? "Refetching..." : "Refetch" }}
diff --git a/examples/basic/src/main.ts b/examples/basic/src/main.ts
@@ -1,9 +1,9 @@
 import { createApp } from "vue";
-import { QueryClient, VUE_REACT_QUERY_CLIENT } from "../../../lib";
+import { QueryClient, VUE_QUERY_CLIENT } from "../../../lib";
 
 import App from "./App.vue";
 
 const queryClient = new QueryClient();
 queryClient.mount();
 
-createApp(App).provide(VUE_REACT_QUERY_CLIENT, queryClient).mount("#app");
+createApp(App).provide(VUE_QUERY_CLIENT, queryClient).mount("#app");
diff --git a/examples/multi-page/index.html b/examples/multi-page/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vue-react-query example</title>
+    <title>Vue-query example</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/multi-page/src/App.vue b/examples/multi-page/src/App.vue
@@ -24,7 +24,7 @@ export default defineComponent({
 </script>
 
 <template>
-  <h1>vue-react-query example</h1>
+  <h1>vue-query example</h1>
   <button @click="changePage">Change Page</button>
   <button @click="remove">Remove page</button>
   <Page v-if="firstPage === 1" title="Page1" />
diff --git a/examples/multi-page/src/main.ts b/examples/multi-page/src/main.ts
@@ -1,9 +1,9 @@
 import { createApp } from "vue";
-import { QueryClient, VUE_REACT_QUERY_CLIENT } from "../../../lib";
+import { QueryClient, VUE_QUERY_CLIENT } from "../../../lib";
 
 import App from "./App.vue";
 
 const queryClient = new QueryClient();
 queryClient.mount();
 
-createApp(App).provide(VUE_REACT_QUERY_CLIENT, queryClient).mount("#app");
+createApp(App).provide(VUE_QUERY_CLIENT, queryClient).mount("#app");
diff --git a/src/index.ts b/src/index.ts
@@ -1,11 +1,9 @@
 export { QueryClient } from "react-query/core";
 
-export { useQueryClient, VUE_REACT_QUERY_CLIENT } from "./useQueryClient";
+export { useQueryClient, VUE_QUERY_CLIENT } from "./useQueryClient";
 
 export { useQuery } from "./useQuery";
 export { useQueries } from "./useQueries";
 export { useInfiniteQuery } from "./useInfiniteQuery";
 export { useMutation } from "./useMutation";
 export { useIsFetching } from "./useIsFetching";
-
-
diff --git a/src/useQueryClient.ts b/src/useQueryClient.ts
@@ -2,14 +2,14 @@ import { inject } from "vue-demi";
 
 import type { QueryClient } from "react-query/types";
 
-export const VUE_REACT_QUERY_CLIENT = "VUE_REACT_QUERY_CLIENT";
+export const VUE_QUERY_CLIENT = "VUE_QUERY_CLIENT";
 
 export function useQueryClient(): QueryClient {
-  const queryClient = inject<QueryClient>(VUE_REACT_QUERY_CLIENT);
+  const queryClient = inject<QueryClient>(VUE_QUERY_CLIENT);
 
   if (!queryClient) {
     throw new Error(
-      "No queryClient found in Vue context, use 'app.provide(VUE_REACT_QUERY_CLIENT, new QueryClient());' to set one in root component."
+      "No queryClient found in Vue context, use 'app.provide(VUE_QUERY_CLIENT, new QueryClient());' to set one in root component."
     );
   }
 
diff --git a/tests/useQueryClient.test.ts b/tests/useQueryClient.test.ts
@@ -1,5 +1,5 @@
 import { inject } from "vue-demi";
-import { useQueryClient, VUE_REACT_QUERY_CLIENT } from "../src/useQueryClient";
+import { useQueryClient, VUE_QUERY_CLIENT } from "../src/useQueryClient";
 
 jest.mock("vue-demi", () => {
   const vue = jest.requireActual("vue-demi");
@@ -25,18 +25,18 @@ describe("useQueryClient", () => {
 
     expect(queryClient).toStrictEqual(queryClientMock);
     expect(injectSpy).toHaveBeenCalledTimes(1);
-    expect(injectSpy).toHaveBeenCalledWith(VUE_REACT_QUERY_CLIENT);
+    expect(injectSpy).toHaveBeenCalledWith(VUE_QUERY_CLIENT);
   });
 
   test("should throw an error when queryClient does not exist in the context", () => {
     injectSpy.mockReturnValueOnce(undefined);
 
     expect(useQueryClient).toThrowError(
       Error(
-        "No queryClient found in Vue context, use 'app.provide(VUE_REACT_QUERY_CLIENT, new QueryClient());' to set one in root component."
+        "No queryClient found in Vue context, use 'app.provide(VUE_QUERY_CLIENT, new QueryClient());' to set one in root component."
       )
     );
     expect(injectSpy).toHaveBeenCalledTimes(1);
-    expect(injectSpy).toHaveBeenCalledWith(VUE_REACT_QUERY_CLIENT);
+    expect(injectSpy).toHaveBeenCalledWith(VUE_QUERY_CLIENT);
   });
 });
