feat(vue-query): component based vue devtools - Vue3 only

[DamianOsipiuk]

No description provided.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
query	⬜️ Ignored (Inspect)	Visit Preview		Nov 7, 2023 8:36am

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit e4e9ea3. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx affected --targets=test:eslint,test:lib,test:types,test:build,test:bundle

---

Sent with 💌 from NxCloud.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e4e9ea3:

Sandbox	Source
@tanstack/query-example-react-basic-typescript	Configuration
@tanstack/query-example-solid-basic-typescript	Configuration
@tanstack/query-example-svelte-basic	Configuration
@tanstack/query-example-vue-basic	Configuration

[Mini-ghost]

How is this different from the built-in development tools of Vue Devtools?

[DamianOsipiuk]

How is this different from the built-in development tools of Vue Devtools?

It has more features. Some of them would be hard to add to Vue devtools due to how restrictive it is.
I will try to add those to Vue devtools nevertheless, but would need to figure out how to do that without hurting usability.

This component is a small wrapper around the core package built in solid, and will automatically receive all devtools updates without the need of porting them.

Also component based devtools work better in iframes like codesandox etc.

[codecov-commenter]

Codecov Report

Attention: 9 lines in your changes are missing coverage. Please review.

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Files	Coverage Δ
packages/query-devtools/src/utils.tsx	41.61% <10.00%> (-2.10%)	⬇️

📢 Thoughts on this report? Let us know!

[reslear]

wow, @DamianOsipiuk Fajnie ;) I mean, there's got to be some way to integrate with https://github.com/webfansplz/vite-plugin-vue-devtools or https://devtools.nuxt.com/