@tanstack/vue-query-devtools 6.1.29 → 6.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -48,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
48
48
  });
49
49
  return (_ctx, _cache) => {
50
50
  return vue.openBlock(), vue.createElementBlock("div", {
51
- className: "tsqd-parent-container",
51
+ class: "tsqd-parent-container",
52
52
  ref_key: "div",
53
53
  ref: div
54
54
  }, null, 512);
@@ -1 +1 @@
1
- {"version":3,"file":"devtools.vue.cjs","sources":["../../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: props.buttonPosition,\n position: props.position,\n initialIsOpen: props.initialIsOpen,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n devtools.setPosition(props.position || 'bottom')\n devtools.setInitialIsOpen(props.initialIsOpen)\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme || 'system')\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div className=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["ref","useQueryClient","TanstackQueryDevtools","onlineManager","watchEffect","onMounted","onScopeDispose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAEd,UAAM,MAAMA,IAAAA,IAAA;AACZ,UAAM,SAAS,MAAM,UAAUC,wBAAA;AAC/B,UAAM,WAAW,IAAIC,oCAAsB;AAAA,MACzC;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MAAA,eACTC,SAAAA;AAAAA,MACA,gBAAgB,MAAM;AAAA,MACtB,UAAU,MAAM;AAAA,MAChB,eAAe,MAAM;AAAA,MACrB,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,OAAO,MAAM;AAAA,IAAA,CACd;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,kBAAkB,MAAM,kBAAkB,cAAc;AACjE,eAAS,YAAY,MAAM,YAAY,QAAQ;AAC/C,eAAS,iBAAiB,MAAM,aAAa;AAC7C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,SAAS,QAAQ;AAAA,IAC3C,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvCC,UAAAA,eAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;8BAICC,IAAAA,mBAAuD,OAAA;AAAA,QAAlD,WAAU;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;;"}
1
+ {"version":3,"file":"devtools.vue.cjs","sources":["../../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: props.buttonPosition,\n position: props.position,\n initialIsOpen: props.initialIsOpen,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n devtools.setPosition(props.position || 'bottom')\n devtools.setInitialIsOpen(props.initialIsOpen)\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme || 'system')\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["ref","useQueryClient","TanstackQueryDevtools","onlineManager","watchEffect","onMounted","onScopeDispose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAEd,UAAM,MAAMA,IAAAA,IAAA;AACZ,UAAM,SAAS,MAAM,UAAUC,wBAAA;AAC/B,UAAM,WAAW,IAAIC,oCAAsB;AAAA,MACzC;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MAAA,eACTC,SAAAA;AAAAA,MACA,gBAAgB,MAAM;AAAA,MACtB,UAAU,MAAM;AAAA,MAChB,eAAe,MAAM;AAAA,MACrB,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,OAAO,MAAM;AAAA,IAAA,CACd;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,kBAAkB,MAAM,kBAAkB,cAAc;AACjE,eAAS,YAAY,MAAM,YAAY,QAAQ;AAC/C,eAAS,iBAAiB,MAAM,aAAa;AAC7C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,SAAS,QAAQ;AAAA,IAC3C,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvCC,UAAAA,eAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;8BAICC,IAAAA,mBAAmD,OAAA;AAAA,QAA9C,OAAM;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;;"}
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
54
54
  return (_ctx, _cache) => {
55
55
  return vue.openBlock(), vue.createElementBlock("div", {
56
56
  style: vue.normalizeStyle(style.value),
57
- className: "tsqd-parent-container",
57
+ class: "tsqd-parent-container",
58
58
  ref_key: "div",
59
59
  ref: div
60
60
  }, null, 4);
@@ -1 +1 @@
1
- {"version":3,"file":"devtoolsPanel.vue.cjs","sources":["../../src/devtoolsPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsPanelOptions } from './types'\n\nconst props = defineProps<DevtoolsPanelOptions>()\nconst style = computed<any>(() => {\n return {\n height: '500px',\n ...props.style,\n }\n})\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtoolsPanel({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: 'bottom-left',\n position: 'bottom',\n initialIsOpen: true,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n onClose: props.onClose,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setOnClose(props.onClose ?? (() => {}))\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme)\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div :style=\"style\" className=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["computed","ref","useQueryClient","TanstackQueryDevtoolsPanel","onlineManager","watchEffect","onMounted","onScopeDispose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AACd,UAAM,QAAQA,IAAAA,SAAc,MAAM;AAChC,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG,MAAM;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,MAAMC,IAAAA,IAAA;AACZ,UAAM,SAAS,MAAM,UAAUC,wBAAA;AAC/B,UAAM,WAAW,IAAIC,yCAA2B;AAAA,MAC9C;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MAAA,eACTC,SAAAA;AAAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,IAAA,CACd;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,WAAW,MAAM,YAAY,MAAM;AAAA,MAAC,EAAE;AAC/C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,KAAK;AAAA,IAC/B,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvCC,UAAAA,eAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;8BAICC,IAAAA,mBAAsE,OAAA;AAAA,QAAhE,0BAAO,MAAA,KAAK;AAAA,QAAE,WAAU;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;;"}
1
+ {"version":3,"file":"devtoolsPanel.vue.cjs","sources":["../../src/devtoolsPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsPanelOptions } from './types'\n\nconst props = defineProps<DevtoolsPanelOptions>()\nconst style = computed<any>(() => {\n return {\n height: '500px',\n ...props.style,\n }\n})\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtoolsPanel({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: 'bottom-left',\n position: 'bottom',\n initialIsOpen: true,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n onClose: props.onClose,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setOnClose(props.onClose ?? (() => {}))\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme)\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div :style=\"style\" class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["computed","ref","useQueryClient","TanstackQueryDevtoolsPanel","onlineManager","watchEffect","onMounted","onScopeDispose","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AACd,UAAM,QAAQA,IAAAA,SAAc,MAAM;AAChC,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG,MAAM;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,MAAMC,IAAAA,IAAA;AACZ,UAAM,SAAS,MAAM,UAAUC,wBAAA;AAC/B,UAAM,WAAW,IAAIC,yCAA2B;AAAA,MAC9C;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MAAA,eACTC,SAAAA;AAAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,IAAA,CACd;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,WAAW,MAAM,YAAY,MAAM;AAAA,MAAC,EAAE;AAC/C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,KAAK;AAAA,IAC/B,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvCC,UAAAA,eAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;8BAICC,IAAAA,mBAAkE,OAAA;AAAA,QAA5D,0BAAO,MAAA,KAAK;AAAA,QAAE,OAAM;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;;"}
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
47
47
  });
48
48
  return (_ctx, _cache) => {
49
49
  return openBlock(), createElementBlock("div", {
50
- className: "tsqd-parent-container",
50
+ class: "tsqd-parent-container",
51
51
  ref_key: "div",
52
52
  ref: div
53
53
  }, null, 512);
@@ -1 +1 @@
1
- {"version":3,"file":"devtools.vue.js","sources":["../../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: props.buttonPosition,\n position: props.position,\n initialIsOpen: props.initialIsOpen,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n devtools.setPosition(props.position || 'bottom')\n devtools.setInitialIsOpen(props.initialIsOpen)\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme || 'system')\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div className=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAEd,UAAM,MAAM,IAAA;AACZ,UAAM,SAAS,MAAM,UAAU,eAAA;AAC/B,UAAM,WAAW,IAAI,sBAAsB;AAAA,MACzC;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB,MAAM;AAAA,MACtB,UAAU,MAAM;AAAA,MAChB,eAAe,MAAM;AAAA,MACrB,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,OAAO,MAAM;AAAA,IAAA,CACd;AAED,gBAAY,MAAM;AAChB,eAAS,kBAAkB,MAAM,kBAAkB,cAAc;AACjE,eAAS,YAAY,MAAM,YAAY,QAAQ;AAC/C,eAAS,iBAAiB,MAAM,aAAa;AAC7C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,SAAS,QAAQ;AAAA,IAC3C,CAAC;AAED,cAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvC,qBAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;0BAICA,mBAAuD,OAAA;AAAA,QAAlD,WAAU;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;"}
1
+ {"version":3,"file":"devtools.vue.js","sources":["../../src/devtools.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type { DevtoolsOptions } from './types'\n\nconst props = defineProps<DevtoolsOptions>()\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtools({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: props.buttonPosition,\n position: props.position,\n initialIsOpen: props.initialIsOpen,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setButtonPosition(props.buttonPosition || 'bottom-right')\n devtools.setPosition(props.position || 'bottom')\n devtools.setInitialIsOpen(props.initialIsOpen)\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme || 'system')\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAEd,UAAM,MAAM,IAAA;AACZ,UAAM,SAAS,MAAM,UAAU,eAAA;AAC/B,UAAM,WAAW,IAAI,sBAAsB;AAAA,MACzC;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB,MAAM;AAAA,MACtB,UAAU,MAAM;AAAA,MAChB,eAAe,MAAM;AAAA,MACrB,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,OAAO,MAAM;AAAA,IAAA,CACd;AAED,gBAAY,MAAM;AAChB,eAAS,kBAAkB,MAAM,kBAAkB,cAAc;AACjE,eAAS,YAAY,MAAM,YAAY,QAAQ;AAC/C,eAAS,iBAAiB,MAAM,aAAa;AAC7C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,SAAS,QAAQ;AAAA,IAC3C,CAAC;AAED,cAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvC,qBAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;0BAICA,mBAAmD,OAAA;AAAA,QAA9C,OAAM;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;"}
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
53
53
  return (_ctx, _cache) => {
54
54
  return openBlock(), createElementBlock("div", {
55
55
  style: normalizeStyle(style.value),
56
- className: "tsqd-parent-container",
56
+ class: "tsqd-parent-container",
57
57
  ref_key: "div",
58
58
  ref: div
59
59
  }, null, 4);
@@ -1 +1 @@
1
- {"version":3,"file":"devtoolsPanel.vue.js","sources":["../../src/devtoolsPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsPanelOptions } from './types'\n\nconst props = defineProps<DevtoolsPanelOptions>()\nconst style = computed<any>(() => {\n return {\n height: '500px',\n ...props.style,\n }\n})\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtoolsPanel({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: 'bottom-left',\n position: 'bottom',\n initialIsOpen: true,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n onClose: props.onClose,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setOnClose(props.onClose ?? (() => {}))\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme)\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div :style=\"style\" className=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AACd,UAAM,QAAQ,SAAc,MAAM;AAChC,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG,MAAM;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,MAAM,IAAA;AACZ,UAAM,SAAS,MAAM,UAAU,eAAA;AAC/B,UAAM,WAAW,IAAI,2BAA2B;AAAA,MAC9C;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,IAAA,CACd;AAED,gBAAY,MAAM;AAChB,eAAS,WAAW,MAAM,YAAY,MAAM;AAAA,MAAC,EAAE;AAC/C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,KAAK;AAAA,IAC/B,CAAC;AAED,cAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvC,qBAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;0BAICA,mBAAsE,OAAA;AAAA,QAAhE,sBAAO,MAAA,KAAK;AAAA,QAAE,WAAU;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;"}
1
+ {"version":3,"file":"devtoolsPanel.vue.js","sources":["../../src/devtoolsPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onScopeDispose, ref, watchEffect } from 'vue'\nimport { onlineManager, useQueryClient } from '@tanstack/vue-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsPanelOptions } from './types'\n\nconst props = defineProps<DevtoolsPanelOptions>()\nconst style = computed<any>(() => {\n return {\n height: '500px',\n ...props.style,\n }\n})\n\nconst div = ref<HTMLElement>()\nconst client = props.client || useQueryClient()\nconst devtools = new TanstackQueryDevtoolsPanel({\n client,\n queryFlavor: 'Vue Query',\n version: '5',\n onlineManager,\n buttonPosition: 'bottom-left',\n position: 'bottom',\n initialIsOpen: true,\n errorTypes: props.errorTypes,\n styleNonce: props.styleNonce,\n shadowDOMTarget: props.shadowDOMTarget,\n hideDisabledQueries: props.hideDisabledQueries,\n onClose: props.onClose,\n theme: props.theme,\n})\n\nwatchEffect(() => {\n devtools.setOnClose(props.onClose ?? (() => {}))\n devtools.setErrorTypes(props.errorTypes || [])\n devtools.setTheme(props.theme)\n})\n\nonMounted(() => {\n devtools.mount(div.value as HTMLElement)\n onScopeDispose(() => {\n devtools.unmount()\n })\n})\n</script>\n\n<template>\n <div :style=\"style\" class=\"tsqd-parent-container\" ref=\"div\"></div>\n</template>\n"],"names":["_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AACd,UAAM,QAAQ,SAAc,MAAM;AAChC,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG,MAAM;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,MAAM,IAAA;AACZ,UAAM,SAAS,MAAM,UAAU,eAAA;AAC/B,UAAM,WAAW,IAAI,2BAA2B;AAAA,MAC9C;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,eAAe;AAAA,MACf,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,iBAAiB,MAAM;AAAA,MACvB,qBAAqB,MAAM;AAAA,MAC3B,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,IAAA,CACd;AAED,gBAAY,MAAM;AAChB,eAAS,WAAW,MAAM,YAAY,MAAM;AAAA,MAAC,EAAE;AAC/C,eAAS,cAAc,MAAM,cAAc,CAAA,CAAE;AAC7C,eAAS,SAAS,MAAM,KAAK;AAAA,IAC/B,CAAC;AAED,cAAU,MAAM;AACd,eAAS,MAAM,IAAI,KAAoB;AACvC,qBAAe,MAAM;AACnB,iBAAS,QAAA;AAAA,MACX,CAAC;AAAA,IACH,CAAC;;0BAICA,mBAAkE,OAAA;AAAA,QAA5D,sBAAO,MAAA,KAAK;AAAA,QAAE,OAAM;AAAA,iBAA4B;AAAA,QAAJ,KAAI;AAAA,MAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tanstack/vue-query-devtools",
3
- "version": "6.1.29",
3
+ "version": "6.1.30",
4
4
  "description": "Developer tools to interact with and visualize the TanStack/vue-query cache",
5
5
  "author": "tannerlinsley",
6
6
  "license": "MIT",
@@ -42,7 +42,7 @@
42
42
  "!src/__tests__"
43
43
  ],
44
44
  "dependencies": {
45
- "@tanstack/query-devtools": "5.100.10"
45
+ "@tanstack/query-devtools": "5.100.11"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@vitejs/plugin-vue": "^5.2.4",
@@ -51,11 +51,11 @@
51
51
  "vite": "^6.4.1",
52
52
  "vue": "^3.4.27",
53
53
  "vue-tsc": "^2.2.8",
54
- "@tanstack/vue-query": "5.100.10"
54
+ "@tanstack/vue-query": "5.100.11"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "vue": "^3.3.0",
58
- "@tanstack/vue-query": "^5.100.10"
58
+ "@tanstack/vue-query": "^5.100.11"
59
59
  },
60
60
  "scripts": {
61
61
  "clean": "premove ./build ./coverage ./dist-ts",
package/src/devtools.vue CHANGED
@@ -40,5 +40,5 @@ onMounted(() => {
40
40
  </script>
41
41
 
42
42
  <template>
43
- <div className="tsqd-parent-container" ref="div"></div>
43
+ <div class="tsqd-parent-container" ref="div"></div>
44
44
  </template>
@@ -45,5 +45,5 @@ onMounted(() => {
45
45
  </script>
46
46
 
47
47
  <template>
48
- <div :style="style" className="tsqd-parent-container" ref="div"></div>
48
+ <div :style="style" class="tsqd-parent-container" ref="div"></div>
49
49
  </template>