search

TanStack / query

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
https://tanstack.com/query
MIT License
42.77k stars 2.93k forks source link

feat(vue-query-devtools): Add VueQueryDevtoolsPanel support #8012

Open toofff opened 3 months ago

toofff commented 3 months ago

Hi 👋

After the introduction of the ReactQueryDevtoolsPanel, now it's the turn of VueJs technology with the VueQueryDevtoolsPanel :tada:

:warning: Soon... The pull request isn't finished yet, I'm trying to finish it this week. :smile_cat:

// add gif

// explain what has been done and in which package

nx-cloud[bot] commented 3 months ago

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 4f97ea93f5734e41f4938800e588edb1a0397ed5. 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

🟥 Failed Commands
nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build --parallel=3
✅ Successfully ran 1 target - [`nx run-many --target=build --exclude=examples/** --exclude=integrations/**`](https://cloud.nx.app/runs/7LClW97ReC?utm_source=pull-request&utm_medium=comment)

Sent with 💌 from NxCloud.

pkg-pr-new[bot] commented 3 months ago

Open in Stackblitz

More templates

- [@tanstack/query-example-angular-basic](https://pkg.pr.new/template/75abcab6-9934-406e-9ab0-3018e0caa248) - [@tanstack/query-example-angular-infinite-query-with-max-pages](https://pkg.pr.new/template/f458b884-4b94-4217-b774-a26039e39593) - [@tanstack/query-example-angular-router](https://pkg.pr.new/template/39f6822d-bbcc-45b9-9cc6-664fe02955cb) - [@tanstack/query-example-angular-simple](https://pkg.pr.new/template/3f6fdb64-80ab-4e84-833f-f4c4b8e0cbdd) - [@tanstack/query-example-solid-astro](https://pkg.pr.new/template/54ec1f46-9ca8-4de2-9633-316d03642848) - [@tanstack/query-example-solid-basic](https://pkg.pr.new/template/0b415ce6-e942-486c-b634-9848d19df477) - [@tanstack/query-example-solid-basic-graphql-request](https://pkg.pr.new/template/6631d74c-c6d2-4d26-bdee-d87074eeeb62) - [@tanstack/query-example-solid-default-query-function](https://pkg.pr.new/template/628865e0-05f8-428c-a7a4-00c38970df8e) - [@tanstack/query-example-solid-simple](https://pkg.pr.new/template/01db98e5-acf6-40ce-afdc-63f8e0498531) - [@tanstack/query-example-solid-start-streaming](https://pkg.pr.new/template/1228c2bb-669d-4e58-a2ec-4a7adb180afe) - [@tanstack/query-example-react-algolia](https://pkg.pr.new/template/d8e3ae70-a9fc-4433-90a5-706e8cad633e) - [@tanstack/query-example-react-auto-refetching](https://pkg.pr.new/template/094bce98-29cd-4bc9-9be3-cc276e03f856) - [@tanstack/query-example-react-basic](https://pkg.pr.new/template/af55d250-2956-42a7-988d-b6f8e87ac1d4) - [@tanstack/query-example-react-basic-graphql-request](https://pkg.pr.new/template/10402f99-e3b4-4dc4-84dc-924176c37d37) - [@tanstack/query-example-react-default-query-function](https://pkg.pr.new/template/3a864d4d-0380-450b-b760-eee0520ea928) - [@tanstack/query-example-react-devtools-panel](https://pkg.pr.new/template/0fd06cc3-195c-4747-9a9c-64e42da1c2c0) - [@tanstack/query-example-react-infinite-query-with-max-pages](https://pkg.pr.new/template/e30c21ba-6895-4ea9-9840-bf4d8fca02f5) - [@tanstack/query-example-react-load-more-infinite-scroll](https://pkg.pr.new/template/78f1baaa-062d-45b0-bdbf-0b4a402e2c09) - [@tanstack/query-example-react-nextjs](https://pkg.pr.new/template/f4fd61ba-0fa4-4d1e-a736-7d410ff0882e) - [@tanstack/query-example-react-nextjs-app-prefetching](https://pkg.pr.new/template/53ce9ec1-63ed-4233-bccf-8d18b800806b) - [@tanstack/query-example-nextjs-suspense-streaming](https://pkg.pr.new/template/135937ab-3030-471a-935d-1f6ed4d5eadb) - [@tanstack/query-example-react-offline](https://pkg.pr.new/template/1583efb8-25c5-485d-8fdd-c12cf48ac11a) - [@tanstack/query-example-react-optimistic-updates-cache](https://pkg.pr.new/template/f7287d18-6940-4632-9d53-20048ab78303) - [@tanstack/query-example-react-optimistic-updates-ui](https://pkg.pr.new/template/690bbe24-7546-4008-8cc6-14c5cb01cda9) - [@tanstack/query-example-react-pagination](https://pkg.pr.new/template/a63b8aad-074f-402f-bba0-5f64dddf8003) - [@tanstack/query-example-react-playground](https://pkg.pr.new/template/98fd9155-549d-4c91-8dec-e20dfcaffa2a) - [@tanstack/query-example-react-prefetching](https://pkg.pr.new/template/3754f6ae-bf81-4571-9eba-702ab21976ee) - [@tanstack/query-example-react-react-native](https://pkg.pr.new/template/bae705c6-373d-4b89-b65b-4e15c88116e1) - [@tanstack/query-example-react-router](https://pkg.pr.new/template/5f7a66be-1b43-4b76-b94f-57cd568bc536) - [@tanstack/query-example-react-rick-morty](https://pkg.pr.new/template/91868461-e04d-4d3d-9d15-4fe1dbda9ed9) - [@tanstack/query-example-react-shadow-dom](https://pkg.pr.new/template/70ddc154-ce94-4834-88f6-a966c72e39e0) - [@tanstack/query-example-react-simple](https://pkg.pr.new/template/42eb2968-3e81-4283-8fc1-9e2b67d14e51) - [@tanstack/query-example-react-star-wars](https://pkg.pr.new/template/7fb9fa79-be07-4c71-bc18-f35cad6330e2) - [@tanstack/query-example-react-suspense](https://pkg.pr.new/template/2b1bba64-6b8c-41d4-af4e-7cf25458faf4) - [@tanstack/query-example-vue-2.6-basic](https://pkg.pr.new/template/5363de2d-f9a1-4fce-9aba-5a716bf3c13a) - [@tanstack/query-example-vue-2.7-basic](https://pkg.pr.new/template/bcb21c50-2116-410b-97d1-a9926ad86884) - [@tanstack/query-example-vue-basic](https://pkg.pr.new/template/a478a8dc-6dec-476e-91c4-65e9c0066abb) - [@tanstack/query-example-vue-dependent-queries](https://pkg.pr.new/template/19e0bf6b-d7c8-4a95-828d-2c6ea3652d85) - [@tanstack/query-example-vue-devtools-panel](https://pkg.pr.new/template/4f68437b-d26b-4017-b378-eabbd05f44a1) - [@tanstack/query-example-vue-nuxt3](https://pkg.pr.new/template/6286f142-65db-4409-aba2-ff7c01fde0b4) - [@tanstack/query-example-vue-persister](https://pkg.pr.new/template/505ceef9-19a7-40e2-b423-6d8b845799ad) - [@tanstack/query-example-vue-simple](https://pkg.pr.new/template/27dc2116-aa51-41b3-92a8-c2f008f58593) - [@tanstack/query-example-svelte-auto-refetching](https://pkg.pr.new/template/e9b00505-37c9-4253-a1d6-0ced624ca006) - [@tanstack/query-example-svelte-basic](https://pkg.pr.new/template/58837f93-57e5-4565-b12b-d60bd8a369d0) - [@tanstack/query-example-svelte-load-more-infinite-scroll](https://pkg.pr.new/template/36121e82-0045-40d5-a674-d29e7667b521) - [@tanstack/query-example-svelte-optimistic-updates](https://pkg.pr.new/template/1c2d6d17-f63e-46bb-aa7d-92e68274a032) - [@tanstack/query-example-svelte-playground](https://pkg.pr.new/template/a295f587-4cd7-4b78-9de1-87eba3fa6984) - [@tanstack/query-example-svelte-simple](https://pkg.pr.new/template/c519dca4-2730-43a6-b69d-0d6aaaad80d4) - [@tanstack/query-example-svelte-star-wars](https://pkg.pr.new/template/e654e77d-536f-4ad7-bb55-fdfd6802d959) - [@tanstack/query-example-svelte-ssr](https://pkg.pr.new/template/09f478e0-27b7-40db-98a7-02396c5b3292)

@tanstack/angular-query-devtools-experimental

``` pnpm add https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@8012 ```

@tanstack/eslint-plugin-query

``` pnpm add https://pkg.pr.new/@tanstack/eslint-plugin-query@8012 ```

@tanstack/angular-query-experimental

``` pnpm add https://pkg.pr.new/@tanstack/angular-query-experimental@8012 ```

@tanstack/query-broadcast-client-experimental

``` pnpm add https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@8012 ```

@tanstack/query-async-storage-persister

``` pnpm add https://pkg.pr.new/@tanstack/query-async-storage-persister@8012 ```

@tanstack/query-core

``` pnpm add https://pkg.pr.new/@tanstack/query-core@8012 ```

@tanstack/query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/query-devtools@8012 ```

@tanstack/query-persist-client-core

``` pnpm add https://pkg.pr.new/@tanstack/query-persist-client-core@8012 ```

@tanstack/query-sync-storage-persister

``` pnpm add https://pkg.pr.new/@tanstack/query-sync-storage-persister@8012 ```

@tanstack/react-query

``` pnpm add https://pkg.pr.new/@tanstack/react-query@8012 ```

@tanstack/react-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/react-query-devtools@8012 ```

@tanstack/react-query-next-experimental

``` pnpm add https://pkg.pr.new/@tanstack/react-query-next-experimental@8012 ```

@tanstack/react-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/react-query-persist-client@8012 ```

@tanstack/solid-query

``` pnpm add https://pkg.pr.new/@tanstack/solid-query@8012 ```

@tanstack/solid-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/solid-query-devtools@8012 ```

@tanstack/solid-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/solid-query-persist-client@8012 ```

@tanstack/svelte-query

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query@8012 ```

@tanstack/svelte-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query-devtools@8012 ```

@tanstack/svelte-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query-persist-client@8012 ```

@tanstack/vue-query

``` pnpm add https://pkg.pr.new/@tanstack/vue-query@8012 ```

@tanstack/vue-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/vue-query-devtools@8012 ```

commit: 4f97ea9