Migration path to official @tanstack/vue-query

[hi-reeve]

would be a good way to have a way to migrate on the official vue query since now it is supported officially

https://twitter.com/tkdodo/status/1576668077609357312?s=46&t=Kn57aM8aAZTQwKJCFC-HPw

[DamianOsipiuk]

It's in the readme:

---

⚠️ Package migration ⚠️

This package was migrated to be a part of https://github.com/TanStack/query.

If you are still on v1 make sure to follow migration guide first and then switch to @tanstack/vue-query.

If you are already on v2, just swap vue-query for @tanstack/vue-query in both of your package.json and import statements. Everything should still work as before.

---

If that is not enough, please highlight what gives you most trouble. Will try to add more details.

[hi-reeve]

It's in the readme:

---

⚠️ Package migration ⚠️

This package was migrated to be a part of https://github.com/TanStack/query.

If you are still on v1 make sure to follow migration guide first and then switch to @tanstack/vue-query.

If you are already on v2, just swap vue-query for @tanstack/vue-query in both of your package.json and import statements. Everything should still work as before.

---

If that is not enough, please highlight what gives you most trouble. Will try to add more details.

oh sorry didn't check the readme. anyway thankyou.

[DamianOsipiuk]

I will reopen this for now to give migration path more visibility.

[hi-reeve]

I will reopen this for now to give migration path more visibility.

sure, thankyou!

[hi-reeve]

try to upgrade to v2 this morning, got no issue.
but when i try to upgrade to tanstack vue query i got an error while trying to build the project.
on useMutation
when i use mutationAsync and the mutation have a response the response is not inferred to correct type.

like on this image, when i hover manually to res it has correct type, but as you see on the vscode side it inferred to any.

the error on build

[DamianOsipiuk]

That is interesting, since no code was changed during migration.
Could you tell me what typescript and node version are you using?

[hi-reeve]

That is interesting, since no code was changed during migration. Could you tell me what typescript and node version are you using?

typescript 4.8.3 and node 16.13.2

[DamianOsipiuk]

Could you try to do a clean install after switching to @tanstack/vue-query?

• remove node_modules
• remove lock file
• install packages
• restart your IDE

[hi-reeve]

Could you try to do a clean install after switching to @tanstack/vue-query?

• remove node_modules
• remove lock file
• install packages
• restart your IDE

tried and still got an error on build.

probably because the core module? seems like it has a specific ts config and it got read on build.
also because of this, the vue component is read as jsx component.

[DamianOsipiuk]

@zynth17 I'm not able to reproduce it. Could you provide minimal reproduction repo for this?
Built lib does not contain tsconfig, so not sure why you are getting this error.

[hi-reeve]

@zynth17 I'm not able to reproduce it. Could you provide minimal reproduction repo for this? Built lib does not contain tsconfig, so not sure why you are getting this error.

this is hard, i will try to create a repro.