Add integration with @tanstack/vue-query

[teziovsky]

Hi folks! 👋🏼

Requesting a plugin integration for Vue Devtools that enables quick inspection of features provided by @tanstack/vue-query. This integration would streamline debugging and enhance the development experience for Vue applications utilizing vue-query.

[alexzhang1030]

That will be great! We will look into it.

[sibbl]

There's already some support available. You can enable it by calling:

app.use(VueQueryPlugin, {
    enableDevtoolsV6Plugin: true
});

In your dev tools, a new "Vue query" will pop up and timeline events will appear.

Instead of this, you can also install the @tanstack/vue-query-devtools package instead and enable it as a stand-alone component in your website. In comparison to the integrated devtools support, this is properly documented on their site.

[alexzhang1030]

There's already some support available. You can enable it by calling:

app.use(VueQueryPlugin, {

    enableDevtoolsV6Plugin: true

});

In your dev tools, a new "Vue query" will pop up and timeline events will appear.

Instead of this, you can also install the @tanstack/vue-query-devtools package instead and enable it as a stand-alone component in your website. In comparison to the integrated devtools support, this is properly documented on their site.

Awesome 🤩

[sibbl]

Okay, I just found the following work item which summarizes the missing V7+ support: TanStack/query#7228

So enable the option with care 👍