File tree Expand file tree Collapse file tree 1 file changed +20
-13
lines changed
docs/framework/vue/guides Expand file tree Collapse file tree 1 file changed +20
-13
lines changed Original file line number Diff line number Diff line change @@ -127,26 +127,33 @@ import {
127
127
defineComponent,
128
128
onServerPrefetch,
129
129
useContext,
130
- } from " @nuxtjs/composition-api";
131
- import { useQuery, useQueryClient, dehydrate } from " @tanstack/vue-query";
130
+ } from ' @nuxtjs/composition-api'
131
+ import { useQuery, useQueryClient, dehydrate } from ' @tanstack/vue-query'
132
132
133
133
export default defineComponent({
134
134
setup() {
135
135
// Get QueryClient either from SSR context, or Vue context
136
136
const { ssrContext } = useContext()
137
137
// Make sure to provide `queryClient` as a second parameter to `useQuery` calls
138
- const queryClient = (ssrContext != null && ssrContext.VueQuery) || useQueryClient()
138
+ const queryClient =
139
+ (ssrContext != null && ssrContext.VueQuery) || useQueryClient()
139
140
140
141
// This will be prefetched and sent from the server
141
- const { data, refetch, suspense } = useQuery({
142
- queryKey: ['todos'],
143
- queryFn: getTodos,
144
- }, queryClient)
142
+ const { data, refetch, suspense } = useQuery(
143
+ {
144
+ queryKey: ['todos'],
145
+ queryFn: getTodos,
146
+ },
147
+ queryClient,
148
+ )
145
149
// This won't be prefetched, it will start fetching on client side
146
- const { data2 } = useQuery({
147
- queryKey: "todos2",
148
- queryFn: getTodos,
149
- }, queryClient)
150
+ const { data2 } = useQuery(
151
+ {
152
+ queryKey: 'todos2',
153
+ queryFn: getTodos,
154
+ },
155
+ queryClient,
156
+ )
150
157
151
158
onServerPrefetch(async () => {
152
159
await suspense()
@@ -156,9 +163,9 @@ export default defineComponent({
156
163
return {
157
164
refetch,
158
165
data,
159
- };
166
+ }
160
167
},
161
- });
168
+ })
162
169
</script>
163
170
```
164
171
You can’t perform that action at this time.
0 commit comments