File tree Expand file tree Collapse file tree 2 files changed +5
-13
lines changed Expand file tree Collapse file tree 2 files changed +5
-13
lines changed Original file line number Diff line number Diff line change @@ -41,10 +41,8 @@ Svelte Query Rewind introduces a powerful DevTool extension designed to work in
41
41
42
42
2. Import the ReactQueryRewind component into the root of your applicaiton.
43
43
44
- _picture of importing the component_
45
-
46
44
` ` ` javascript
47
- import ReactQueryRewind from ' react-query-rewind' ;
45
+ import ReactQueryRewind from ' @ react-query-rewind/svelte-query-rewind;`
48
46
```
49
47
50
48
3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component.
Original file line number Diff line number Diff line change @@ -41,21 +41,15 @@ Vue Query Rewind introduces a powerful DevTool extension designed to work in con
41
41
42
42
2. Import the ReactQueryRewind component into the root of your applicaiton.
43
43
44
- _picture of importing the component_
45
-
46
44
` ` ` javascript
47
- import ReactQueryRewind from ' react-query-rewind' ;
45
+ import VueQueryRewind from ' @ react-query-rewind/vue -query-rewind' ;
48
46
` ` `
49
47
50
- 3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component.
48
+ 3. Use the VueQuery plugins
51
49
52
50
` ` ` javascript
53
- ReactDOM.createRoot(document.getElementById(' root' )! ).render(
54
- < QueryClientProvider client={queryClient}>
55
- < App />
56
- < ReactQueryRewind />
57
- < /QueryClientProvider>
58
- );
51
+ app.use(VueQueryPlugin, { queryClient }); // from Tanstack
52
+ app.use(VueQueryRewind);
59
53
` ` `
60
54
61
55
4. Open the Chrome DevTool Extension and start coding!
You can’t perform that action at this time.
0 commit comments