From a4673af9799b37b647eb6b16c18918892039c9ad Mon Sep 17 00:00:00 2001 From: Itamar Zwi Date: Thu, 23 Oct 2025 21:08:49 +0300 Subject: [PATCH] docs(examples): update queryKey to have reactivity in vue files --- examples/vue/2.6-basic/src/Post.vue | 2 +- examples/vue/2.7-basic/src/Post.vue | 2 +- examples/vue/basic/src/Post.vue | 2 +- examples/vue/dependent-queries/src/Post.vue | 2 +- examples/vue/persister/src/Post.vue | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/examples/vue/2.6-basic/src/Post.vue b/examples/vue/2.6-basic/src/Post.vue index 8c34d1b9c9..ba11b03b4e 100644 --- a/examples/vue/2.6-basic/src/Post.vue +++ b/examples/vue/2.6-basic/src/Post.vue @@ -20,7 +20,7 @@ export default defineComponent({ emits: ['setPostId'], setup(props) { const { isPending, isError, isFetching, data, error } = useQuery({ - queryKey: ['post', props.postId], + queryKey: ['post', () => props.postId], queryFn: () => fetcher(props.postId), }) diff --git a/examples/vue/2.7-basic/src/Post.vue b/examples/vue/2.7-basic/src/Post.vue index 2605bd64c9..ce8dc160b6 100644 --- a/examples/vue/2.7-basic/src/Post.vue +++ b/examples/vue/2.7-basic/src/Post.vue @@ -20,7 +20,7 @@ export default defineComponent({ emits: ['setPostId'], setup(props) { const { isPending, isError, isFetching, data, error } = useQuery({ - queryKey: ['post', props.postId], + queryKey: ['post', () => props.postId], queryFn: () => fetcher(props.postId), }) diff --git a/examples/vue/basic/src/Post.vue b/examples/vue/basic/src/Post.vue index 003cf2a671..2e5d0850d9 100644 --- a/examples/vue/basic/src/Post.vue +++ b/examples/vue/basic/src/Post.vue @@ -20,7 +20,7 @@ export default defineComponent({ emits: ['setPostId'], setup(props) { const { isPending, isError, isFetching, data, error } = useQuery({ - queryKey: ['post', props.postId], + queryKey: ['post', () => props.postId], queryFn: () => fetcher(props.postId), }) diff --git a/examples/vue/dependent-queries/src/Post.vue b/examples/vue/dependent-queries/src/Post.vue index ba6f251d14..48629e61d4 100644 --- a/examples/vue/dependent-queries/src/Post.vue +++ b/examples/vue/dependent-queries/src/Post.vue @@ -31,7 +31,7 @@ export default defineComponent({ data: post, error, } = useQuery({ - queryKey: ['post', props.postId], + queryKey: ['post', () => props.postId], queryFn: () => fetchPost(props.postId), }) diff --git a/examples/vue/persister/src/Post.vue b/examples/vue/persister/src/Post.vue index b89d60665c..90704be694 100644 --- a/examples/vue/persister/src/Post.vue +++ b/examples/vue/persister/src/Post.vue @@ -22,7 +22,7 @@ export default defineComponent({ emits: ['setPostId'], setup(props) { const { isPending, isError, isFetching, data, error } = useQuery({ - queryKey: ['post', props.postId] as const, + queryKey: ['post', () => props.postId] as const, queryFn: () => fetcher(props.postId), persister: experimental_createQueryPersister({ storage: {