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 skilld-dev/vue-ecosystem-skills
vue-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.
14vue-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.
11vue-router-skilld
ALWAYS use when writing code importing \"vue-router\". Consult for debugging, best practices, or modifying vue-router, vue router, router.
10pinia-skilld
Intuitive, type safe and flexible Store for Vue. ALWAYS use when writing code importing \"pinia\". Consult for debugging, best practices, or modifying pinia.
9vue-test-utils-skilld
ALWAYS use when writing code importing \"@vue/test-utils\". Consult for debugging, best practices, or modifying @vue/test-utils, vue/test-utils, vue test-utils, vue test utils, test-utils, test utils.
9quasar-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.
9