Skip to content

Commit 3f82ad4

Browse files
ci: apply automated fixes
1 parent 698f3b1 commit 3f82ad4

File tree

1 file changed

+20
-13
lines changed
  • docs/framework/vue/guides

1 file changed

+20
-13
lines changed

docs/framework/vue/guides/ssr.md

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -127,26 +127,33 @@ import {
127127
defineComponent,
128128
onServerPrefetch,
129129
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'
132132
133133
export default defineComponent({
134134
setup() {
135135
// Get QueryClient either from SSR context, or Vue context
136136
const { ssrContext } = useContext()
137137
// 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()
139140
140141
// 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+
)
145149
// 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+
)
150157
151158
onServerPrefetch(async () => {
152159
await suspense()
@@ -156,9 +163,9 @@ export default defineComponent({
156163
return {
157164
refetch,
158165
data,
159-
};
166+
}
160167
},
161-
});
168+
})
162169
</script>
163170
```
164171

0 commit comments

Comments
 (0)