44
55Hooks for fetching, caching and updating asynchronous data in Vue.
66
7- these hooks support Vue2 .x too!
7+ These hooks support Vue 2 .x too via [ vue-demi ] ( https://github.com/vueuse/vue-demi )
88
99Based on [ react-query] ( https://github.com/tannerlinsley/react-query )
1010
1111# Examples
12+
1213- 3.x
13- - [ Basic] ( https://github.com/DamianOsipiuk/vue-react-query/tree/main/examples/basic )
14- - [ Multi-Page] ( https://github.com/DamianOsipiuk/vue-react-query/tree/main/examples/multi-page )
15- - Caching - throttle network and then switch between pages
16- - Deduping requests - click ` change page ` in quick succession and monitor Network tab in devtools.
17- - Garbage collection - click ` remove page `
14+ - [ Basic] ( https://github.com/DamianOsipiuk/vue-react-query/tree/main/examples/basic )
15+ - [ Multi-Page] ( https://github.com/DamianOsipiuk/vue-react-query/tree/main/examples/multi-page )
16+ - Caching - throttle network and then switch between pages
17+ - Deduping requests - click ` change page ` in quick succession and monitor Network tab in devtools.
18+ - Garbage collection - click ` remove page `
1819- 2.x
19- - [ Basic] ( https://github.com/DamianOsipiuk/vue-react-query/tree/main/examples/basic-vue2.x )
20-
21- # Installation
20+ - [ Basic] ( https://github.com/DamianOsipiuk/vue-react-query/tree/main/examples/basic-vue2.x )
2221
22+ # Installation
2323
2424```
2525npm install vue-react-query
@@ -37,14 +37,14 @@ yarn add vue-react-query
3737
3838 ```
3939 import { createApp } from "vue";
40- import { QueryClient, VUE_REACT_QUERY_CLIENT } from "../../../lib ";
40+ import { QueryClient, VUE_QUERY_CLIENT } from "vue-react-query ";
4141
4242 import App from "./App.vue";
4343
4444 const queryClient = new QueryClient();
4545 queryClient.mount();
4646
47- createApp(App).provide(VUE_REACT_QUERY_CLIENT , queryClient).mount("#app");
47+ createApp(App).provide(VUE_QUERY_CLIENT , queryClient).mount("#app");
4848 ```
4949
50502 . Use query
@@ -80,9 +80,9 @@ Use DevTools component in the entry component of your application.
8080
8181Check [ Examples section] ( #examples ) .
8282
83- ** _ Disclaimer: you have to manually hide this component from production builds as of now. _ **
84-
85- Tips: Devtool is ** not supported on Vue 2.x **
83+ ** Disclaimer: **
84+ ** _ You have to manually remove this component from production builds as of now. _ **
85+ ** _ Devtools are not supported on Vue 2.x _ **
8686
8787```
8888<script lang="ts">
0 commit comments