Migrating to TanStack Query v5

Vue Query Breaking Changes

useQueries composable returns ref instead of reactive

To fix compatibility with Vue 2, useQueries composable now returns queries array wrapped in ref. Previously reactive was returned which led to multiple problems:

• User could spread return value loosing reactivity.
• readonly wrapper used for return value was breaking Vue 2 reactivity detection mechanism. This was a silent issue in Vue 2.6, but appeared as error in Vue 2.7.
• Vue 2 does not support arrays as a root value of reactive.

With this change all of those issues are fixed.

Also this aligns useQueries with other composables which return all of the values as refs.

Vue v3.3 is now required

To be able to provide new features following Vue releases, we now require Vue 3 to be at least in v3.3 version. Requirements for Vue 2.x remain unchanged.

Ability to run vue-query composables in injectionContext

Previously vue-query composables could be run only within setup function of the component.
We had an escape hatch in place to allow those hooks to be run anywhere if user would provide queryClient as a composable option.

Now you can use vue-query composables in any function that supports injectionContext. Ex. router navigation guards. When using this new feature, make sure that vue-query composable is running within effectScope. Otherwise it might lead to memory leaks. We have added dev-only warnings to inform users about potential misusage.