Skip to content

Commit a9cb969

Browse files
committed
updated vue documentation
1 parent 3651b07 commit a9cb969

File tree

2 files changed

+5
-13
lines changed

2 files changed

+5
-13
lines changed

package-svelte/README.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,8 @@ Svelte Query Rewind introduces a powerful DevTool extension designed to work in
4141

4242
2. Import the ReactQueryRewind component into the root of your applicaiton.
4343

44-
_picture of importing the component_
45-
4644
```javascript
47-
import ReactQueryRewind from 'react-query-rewind';
45+
import ReactQueryRewind from '@react-query-rewind/svelte-query-rewind;`
4846
```
4947
5048
3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component.

package-vue/README.md

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -41,21 +41,15 @@ Vue Query Rewind introduces a powerful DevTool extension designed to work in con
4141

4242
2. Import the ReactQueryRewind component into the root of your applicaiton.
4343

44-
_picture of importing the component_
45-
4644
```javascript
47-
import ReactQueryRewind from 'react-query-rewind';
45+
import VueQueryRewind from '@react-query-rewind/vue-query-rewind';
4846
```
4947

50-
3. Place ReactQueryRewind next to the root of your application inside the QueryClientProvider component.
48+
3. Use the VueQuery plugins
5149

5250
```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);
5953
```
6054
6155
4. Open the Chrome DevTool Extension and start coding!

0 commit comments

Comments
 (0)