tanstack-vue-query-skilld
TanStack/query @tanstack/vue-query@5.100.9
Tags: alpha: 5.0.0-alpha.91, beta: 5.0.0-beta.35, rc: 5.0.0-rc.16
References: Docs
API Changes
This section documents version-specific API changes — prioritize recent major/minor releases.
-
BREAKING:
useQueries()returnsRef<T[]>instead ofReactive<T[]>— Vue 2.7+ compatibility fix that aligns with other composables. Destructuring return value now requires unwrapping ref or usingtoRefs(). Update:const { data } = useQueries(...)becomesconst { data } = useQueries(...).valueorconst { data } = toRefs(useQueries(...))[0]source -
NEW: Composables support
injectionContext—useQuery,useMutation, and other composables can now run in functions with injection context (e.g., router navigation guards), not just componentsetup(). Must use withineffectScopeto prevent memory leaks source -
NEW: Options getter functions in
useQuery— pass reactive getters toqueryKeyandenabledoptions to track changes withoutcomputed(). Example:useQuery({ queryKey: () => ['posts', userId.value], enabled: () => isReady.value })source -
NEW: Options getter functions extended to additional composables —
useInfiniteQuery,useMutation,usePrefetchQuery, andusePrefetchInfiniteQuerynow support reactive getters for all reactive options source -
NEW:
enableDevtoolsV6Pluginoption for Traditional Devtools — integrate with Vue DevTools v6+ for custom inspector and timeline events. Enable:app.use(VueQueryPlugin, { enableDevtoolsV6Plugin: true }). Both v6 and v7 supported source -
EXPERIMENTAL:
experimental_createQueryPersister— persist individual queries to storage (AsyncStorage, LocalStorage, custom). Separate package@tanstack/query-persist-client-core. IncludespersistQueryByKey(),retrieveQuery(),restoreQueries(),persisterGc()utilities. RespectsstaleTimeon restore source
More from harlan-zw/vue-ecosystem-skills
quasar-skilld
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time. ALWAYS use when writing code importing \"quasar\". Consult for debugging, best practices, or modifying quasar.
200vue-skilld
The progressive JavaScript framework for building modern web UI. ALWAYS use when editing or working with *.vue files or code importing \"vue\". Consult for debugging, best practices, or modifying vue, core.
196pinia-skilld
Intuitive, type safe and flexible Store for Vue. ALWAYS use when writing code importing \"pinia\". Consult for debugging, best practices, or modifying pinia.
160vue-i18n-skilld
Internationalization plugin for Vue.js. ALWAYS use when writing code importing \"vue-i18n\". Consult for debugging, best practices, or modifying vue-i18n, vue i18n.
156vuetify-skilld
Vue Material Component Framework. ALWAYS use when writing code importing \"vuetify\". Consult for debugging, best practices, or modifying vuetify.
142pinia-colada-skilld
The smart data fetching layer for Vue.js. ALWAYS use when writing code importing \"@pinia/colada\". Consult for debugging, best practices, or modifying @pinia/colada, pinia/colada, pinia colada, pinia-colada.
132