vite-plugin-vue-devtools 0.0.1 → 0.0.2

package/dist/client/assets/{VCard-1d26a3c3.js → VCard-bd163775.js}

@@ -1,4 +1,4 @@
-import { aE as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-d9de2c94.js';
+import { aF as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-46e82560.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-06188541.js → VIcon.vue_vue_type_script_setup_true_lang-ace21790.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-d9de2c94.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-46e82560.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIcon",

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js → VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-d9de2c94.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-46e82560.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-0d71921d.js → VPanelGrids-aa63351b.js}

@@ -1,4 +1,4 @@
-import { aE as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-d9de2c94.js';
+import { aF as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-46e82560.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-38328457.js → VTextInput.vue_vue_type_script_setup_true_lang-f891cb2d.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
-import { v as defineComponent, K as useVModel, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, b as resolveDirective, R as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, aE as _export_sfc, aF as vModelDynamic, k as mergeProps, M as isRef } from './index-d9de2c94.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
+import { v as defineComponent, K as useVModel, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, b as resolveDirective, R as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, aF as _export_sfc, aG as vModelDynamic, k as mergeProps, M as isRef } from './index-46e82560.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-b04290ae.js → __inspecting-286ae191.js}

@@ -1,5 +1,5 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-0d71921d.js';
-import { v as defineComponent, aH as useEventListener, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, aI as useDevtoolsClient } from './index-d9de2c94.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-aa63351b.js';
+import { v as defineComponent, aI as useEventListener, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, aJ as useDevtoolsClient } from './index-46e82560.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{assets-e0c8ff78.js → assets-cd4715cf.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-0d71921d.js';
-import { _ as __unplugin_components_7 } from './VCard-1d26a3c3.js';
-import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent, a0 as ref, ax as useElementSize, ay as onClickOutside, e as createElementBlock, x as createBaseVNode, f as renderSlot, z as unref, g as createCommentVNode, az as Transition, a1 as computed, y as toDisplayString, q as normalizeClass, aA as useStyleTag, l as normalizeStyle, aB as computedAsync, aC as useTimeAgo, F as Fragment, R as createTextVNode, _ as _sfc_main$b, aD as onKeyDown, M as isRef, i as renderList } from './index-d9de2c94.js';
-import { r as rpc } from './rpc-80e3af11.js';
-import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-38328457.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-aa63351b.js';
+import { _ as __unplugin_components_7 } from './VCard-bd163775.js';
+import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent, a0 as ref, ay as useElementSize, az as onClickOutside, e as createElementBlock, x as createBaseVNode, f as renderSlot, z as unref, g as createCommentVNode, aA as Transition, a1 as computed, y as toDisplayString, q as normalizeClass, aB as useStyleTag, l as normalizeStyle, aC as computedAsync, aD as useTimeAgo, F as Fragment, R as createTextVNode, _ as _sfc_main$b, aE as onKeyDown, M as isRef, i as renderList } from './index-46e82560.js';
+import { r as rpc } from './rpc-b3f8e657.js';
+import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-f891cb2d.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js';
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{components-9660e7aa.js → components-9972c4c4.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-0d71921d.js';
-import { _ as __unplugin_components_7 } from './VCard-1d26a3c3.js';
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-8cd9ad22.js';
-import { ak as getInstanceName, al as classify, am as kebabize, an as isFragment, ao as camelize, ap as returnError, aq as isBeingDestroyed, ar as getUniqueComponentId, as as getRenderKey, a0 as ref, at as shallowRef, a1 as computed, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, F as Fragment, i as renderList, g as createCommentVNode, A as onMounted, au as onVueInstanceUpdate, u as createVNode, h as withCtx, ad as reactive, av as instance } from './index-d9de2c94.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-aa63351b.js';
+import { _ as __unplugin_components_7 } from './VCard-bd163775.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-39cc6ffd.js';
+import { aj as getInstanceName, ak as classify, al as kebabize, am as isFragment, an as camelize, ao as returnError, ap as isBeingDestroyed, aq as getUniqueComponentId, ar as getRenderKey, a0 as ref, as as shallowRef, a1 as computed, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, F as Fragment, i as renderList, g as createCommentVNode, A as onMounted, at as onVueInstanceUpdate, u as createVNode, h as withCtx, ac as reactive, au as instance } from './index-46e82560.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
 
 class ComponentFilter {
   filter;

package/dist/client/assets/{graph-b29c71b4.js → graph-57712452.js}

@@ -1,6 +1,6 @@
-import { a0 as ref, ag as useStorage, a1 as computed, v as defineComponent, o as openBlock, e as createElementBlock, d as withDirectives, ah as vModelText, z as unref, x as createBaseVNode, M as isRef, N as vModelCheckbox, ai as useDark, A as onMounted, aj as watch, u as createVNode } from './index-d9de2c94.js';
+import { a0 as ref, af as useStorage, a1 as computed, v as defineComponent, o as openBlock, e as createElementBlock, d as withDirectives, ag as vModelText, z as unref, x as createBaseVNode, M as isRef, N as vModelCheckbox, ah as useDark, A as onMounted, ai as watch, u as createVNode } from './index-46e82560.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-80e3af11.js';
+import { r as rpc } from './rpc-b3f8e657.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");

package/dist/client/assets/{index-d9de2c94.js → index-46e82560.js}

@@ -6979,6 +6979,48 @@ const withKeys = (fn, modifiers) => {
     };
 };
 
+const vShow = {
+    beforeMount(el, { value }, { transition }) {
+        el._vod = el.style.display === 'none' ? '' : el.style.display;
+        if (transition && value) {
+            transition.beforeEnter(el);
+        }
+        else {
+            setDisplay(el, value);
+        }
+    },
+    mounted(el, { value }, { transition }) {
+        if (transition && value) {
+            transition.enter(el);
+        }
+    },
+    updated(el, { value, oldValue }, { transition }) {
+        if (!value === !oldValue)
+            return;
+        if (transition) {
+            if (value) {
+                transition.beforeEnter(el);
+                setDisplay(el, true);
+                transition.enter(el);
+            }
+            else {
+                transition.leave(el, () => {
+                    setDisplay(el, false);
+                });
+            }
+        }
+        else {
+            setDisplay(el, value);
+        }
+    },
+    beforeUnmount(el, { value }) {
+        setDisplay(el, value);
+    }
+};
+function setDisplay(el, value) {
+    el.style.display = value ? el._vod : 'none';
+}
+
 const rendererOptions = /*#__PURE__*/ extend({ patchProp }, nodeOps);
 // lazy create the renderer - this makes core renderer logic tree-shakable
 // in case the user only imports reactivity utilities from Vue.
@@ -12734,12 +12776,6 @@ function toRef(...args) {
   return typeof r === "function" ? readonly(customRef(() => ({ get: r, set: noop }))) : ref(r);
 }
 
-function reactivePick(obj, ...keys) {
-  const flatKeys = keys.flat();
-  const predicate = flatKeys[0];
-  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(toRefs$1(obj)).filter(([k, v]) => predicate(toValue(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, toRef(obj, k)])));
-}
-
 var __defProp$9 = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -14121,17 +14157,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-79d66fc7.js'),true?["./timeline-79d66fc7.js","./splitpanes.es-8cd9ad22.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js","./VPanelGrids-0d71921d.js","./VCard-1d26a3c3.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-0c6220b2.js'),true?["./settings-0c6220b2.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js","./VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-f600cbfa.js'),true?["./routes-f600cbfa.js","./VPanelGrids-0d71921d.js","./VCard-1d26a3c3.js","./splitpanes.es-8cd9ad22.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-8b81a9d8.js'),true?["./pinia-8b81a9d8.js","./splitpanes.es-8cd9ad22.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-ec3d53ab.js'),true?["./pages-ec3d53ab.js","./VTextInput.vue_vue_type_script_setup_true_lang-38328457.js","./VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-c580d40f.js'),true?["./overview-c580d40f.js","./VPanelGrids-0d71921d.js","./rpc-80e3af11.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-56184e71.js'),true?["./inspect-56184e71.js","./rpc-80e3af11.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-b29c71b4.js'),true?["./graph-b29c71b4.js","./fuse.esm-c317b696.js","./rpc-80e3af11.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-9660e7aa.js'),true?["./components-9660e7aa.js","./VPanelGrids-0d71921d.js","./VCard-1d26a3c3.js","./splitpanes.es-8cd9ad22.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-e0c8ff78.js'),true?["./assets-e0c8ff78.js","./VPanelGrids-0d71921d.js","./VCard-1d26a3c3.js","./VIcon.vue_vue_type_script_setup_true_lang-06188541.js","./rpc-80e3af11.js","./VTextInput.vue_vue_type_script_setup_true_lang-38328457.js","./VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-b04290ae.js'),true?["./__inspecting-b04290ae.js","./VPanelGrids-0d71921d.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-3b917d7d.js'),true?["./timeline-3b917d7d.js","./splitpanes.es-39cc6ffd.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js","./VPanelGrids-aa63351b.js","./VCard-bd163775.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-56399403.js'),true?["./settings-56399403.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js","./VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-4ac43e84.js'),true?["./routes-4ac43e84.js","./VPanelGrids-aa63351b.js","./VCard-bd163775.js","./splitpanes.es-39cc6ffd.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-663071c7.js'),true?["./pinia-663071c7.js","./splitpanes.es-39cc6ffd.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-d2cd252f.js'),true?["./pages-d2cd252f.js","./VTextInput.vue_vue_type_script_setup_true_lang-f891cb2d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-b595f4c8.js'),true?["./overview-b595f4c8.js","./VPanelGrids-aa63351b.js","./rpc-b3f8e657.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-78d7aad4.js'),true?["./inspect-78d7aad4.js","./rpc-b3f8e657.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-57712452.js'),true?["./graph-57712452.js","./fuse.esm-c317b696.js","./rpc-b3f8e657.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./components-9972c4c4.js'),true?["./components-9972c4c4.js","./VPanelGrids-aa63351b.js","./VCard-bd163775.js","./splitpanes.es-39cc6ffd.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./assets-cd4715cf.js'),true?["./assets-cd4715cf.js","./VPanelGrids-aa63351b.js","./VCard-bd163775.js","./VIcon.vue_vue_type_script_setup_true_lang-ace21790.js","./rpc-b3f8e657.js","./VTextInput.vue_vue_type_script_setup_true_lang-f891cb2d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-286ae191.js'),true?["./__inspecting-286ae191.js","./VPanelGrids-aa63351b.js"]:void 0,import.meta.url);
 
 const routes$1 = [{"name":"timeline","path":"/timeline","component":__pages_import_0__,"props":true},{"name":"settings","path":"/settings","component":__pages_import_1__,"props":true},{"name":"routes","path":"/routes","component":__pages_import_2__,"props":true},{"name":"pinia","path":"/pinia","component":__pages_import_3__,"props":true},{"name":"pages","path":"/pages","component":__pages_import_4__,"props":true},{"name":"overview","path":"/overview","component":__pages_import_5__,"props":true},{"name":"inspect","path":"/inspect","component":__pages_import_6__,"props":true},{"name":"index","path":"/","component":_sfc_main$6,"props":true},{"name":"graph","path":"/graph","component":__pages_import_8__,"props":true},{"name":"components","path":"/components","component":__pages_import_9__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_10__,"props":true},{"name":"__inspecting","path":"/__inspecting","component":__pages_import_11__,"props":true}];
 /* Injected with object hook! */
@@ -14870,7 +14906,7 @@ function initPerfTimeline(events) {
 const LAYER_ID$1 = "pinia";
 const piniaVisible = ref(false);
 const stores = ref();
-const subscribes = ref([]);
+const subscribes = ref({});
 const piniaStoresId = ref(["🍍 Pinia (root)"]);
 const piniaState = ref({});
 const piniaGetters = ref({});
@@ -14966,7 +15002,10 @@ function subscribeStore(store) {
       });
     });
   }, true);
-  subscribes.value.push(action);
+  if (subscribes.value[store.$id])
+    subscribes.value[store.$id].push(action);
+  else
+    subscribes.value[store.$id] = [action];
   store._customProperties.forEach((name) => {
     const stop = watch(
       () => unref(store[name]),
@@ -14987,7 +15026,7 @@ function subscribeStore(store) {
       },
       { deep: true }
     );
-    subscribes.value.push(stop);
+    subscribes.value[store.$id].push(stop);
   });
   const subscribe = store.$subscribe(
     ({ events, type }, state) => {
@@ -15013,7 +15052,7 @@ function subscribeStore(store) {
     },
     { detached: true, flush: "sync" }
   );
-  subscribes.value.push(subscribe);
+  subscribes.value[store.$id].push(subscribe);
   store._hotUpdate = markRaw((newStore) => {
     timeApi.addTimelineEvent({
       layerId: LAYER_ID$1,
@@ -15032,6 +15071,15 @@ function subscribeStore(store) {
 }
 function normalizePiniaInfo() {
   Object.values(stores.value)?.forEach((store) => {
+    let insertIndex = -1;
+    if (piniaStoresId.value.includes(store.$id)) {
+      subscribes.value[store.$id].forEach((stop) => stop());
+      subscribes.value[store.$id] = [];
+      delete piniaState.value[store.$id];
+      delete piniaGetters.value[store.$id];
+      insertIndex = piniaStoresId.value.indexOf(store.$id);
+      piniaStoresId.value.splice(insertIndex, 1);
+    }
     const state = store._isOptionsAPI ? toRaw(store.$state) : Object.keys(store.$state).reduce((state2, key) => {
       state2[key] = store.$state[key];
       return state2;
@@ -15043,25 +15091,23 @@ function normalizePiniaInfo() {
         return getters;
       }, {});
     }
-    piniaStoresId.value.push(store.$id);
+    if (insertIndex)
+      piniaStoresId.value.splice(insertIndex, 0, store.$id);
+    else
+      piniaStoresId.value.push(store.$id);
     subscribeStore(store);
   });
 }
 function updatePinia(component) {
+  const proxy = component?.proxy;
+  const _stores = proxy?._pStores;
+  if (!_stores)
+    return;
   stores.value = null;
-  subscribes.value.forEach((stop) => stop());
-  subscribes.value = [];
-  piniaState.value = {};
-  piniaGetters.value = {};
-  piniaStoresId.value = ["🍍 Pinia (root)"];
   nextTick(() => {
-    const proxy = component?.proxy;
-    const _stores = proxy?._pStores;
     piniaVisible.value = !!_stores;
-    if (_stores) {
-      stores.value = _stores;
-      normalizePiniaInfo();
-    }
+    stores.value = _stores;
+    normalizePiniaInfo();
   });
 }
 function initPinia() {
@@ -15135,6 +15181,7 @@ function produceHook() {
     return !app || typeof uid !== "number" && !uid || !component || hideInDevtools(component);
   }
   hook.on("component:updated" /* COMPONENT_UPDATED */, (app, uid, parentUid, component) => {
+    updatePinia(component);
     if (skipCollect(app, uid, component))
       return;
     updateApp(app, component);
@@ -15146,11 +15193,13 @@ function produceHook() {
     updateApp(app, component);
   });
   hook.on("component:removed" /* COMPONENT_REMOVED */, (app, uid, parentUid, component) => {
+    updatePinia(component);
     if (skipCollect(app, uid, component))
       return;
     updateApp(app, component);
   });
   hook.on("component:emit" /* COMPONENT_EMIT */, (app, uid, parentUid, component) => {
+    updatePinia(component);
     if (skipCollect(app, uid, component))
       return;
     updateApp(app, component);
@@ -15158,8 +15207,7 @@ function produceHook() {
 }
 function ConsumeHook(buffer) {
   buffer.forEach(([eventType, { app, component }]) => {
-    if (eventType === "component:added" /* COMPONENT_ADDED */)
-      updatePinia(component);
+    updatePinia(component);
     updateApp(app, component);
   });
 }
@@ -15433,4 +15481,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { __unplugin_components_1 as $, onMounted as A, onUnmounted as B, timelineLayer as C, activeTimelineEvents as D, activeTimelineEventIndex as E, Fragment as F, toggleTimelineEventIndex as G, timelineEventDetails as H, activeLayerId as I, toggleTimelineLayer as J, useVModel as K, vModelSelect as L, isRef as M, vModelCheckbox as N, withKeys as O, useTabs as P, useCategorizedTabs as Q, createTextVNode as R, useDevToolsSettings as S, _sfc_main$3 as T, _sfc_main$5 as U, router$1 as V, routeRecordMatcherState as W, activeRouteRecordMatcherState as X, activeRouteRecordIndex as Y, toggleRouteRecordMatcher as Z, _sfc_main$9 as _, popScopeId as a, ref as a0, computed as a1, piniaStoresId as a2, reactivePick as a3, toRaw as a4, piniaState as a5, piniaGetters as a6, withModifiers as a7, currentRoute as a8, routes as a9, useStyleTag as aA, computedAsync as aB, useTimeAgo as aC, onKeyDown as aD, _export_sfc as aE, vModelDynamic as aF, __vitePreload as aG, useEventListener as aH, useDevtoolsClient as aI, vueVersion as aa, __unplugin_components_0 as ab, useColorMode as ac, reactive as ad, useElementBounding as ae, watchEffect as af, useStorage as ag, vModelText as ah, useDark as ai, watch as aj, getInstanceName as ak, classify as al, kebabize as am, isFragment as an, camelize as ao, returnError as ap, isBeingDestroyed as aq, getUniqueComponentId as ar, getRenderKey as as, shallowRef as at, onVueInstanceUpdate as au, instance as av, h as aw, useElementSize as ax, onClickOutside as ay, Transition as az, resolveDirective as b, createBlock as c, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };
+export { __unplugin_components_1 as $, onMounted as A, onUnmounted as B, timelineLayer as C, activeTimelineEvents as D, activeTimelineEventIndex as E, Fragment as F, toggleTimelineEventIndex as G, timelineEventDetails as H, activeLayerId as I, toggleTimelineLayer as J, useVModel as K, vModelSelect as L, isRef as M, vModelCheckbox as N, withKeys as O, useTabs as P, useCategorizedTabs as Q, createTextVNode as R, useDevToolsSettings as S, _sfc_main$3 as T, _sfc_main$5 as U, router$1 as V, routeRecordMatcherState as W, activeRouteRecordMatcherState as X, activeRouteRecordIndex as Y, toggleRouteRecordMatcher as Z, _sfc_main$9 as _, popScopeId as a, ref as a0, computed as a1, piniaStoresId as a2, toRaw as a3, piniaState as a4, piniaGetters as a5, withModifiers as a6, currentRoute as a7, routes as a8, vueVersion as a9, Transition as aA, useStyleTag as aB, computedAsync as aC, useTimeAgo as aD, onKeyDown as aE, _export_sfc as aF, vModelDynamic as aG, __vitePreload as aH, useEventListener as aI, useDevtoolsClient as aJ, __unplugin_components_0 as aa, useColorMode as ab, reactive as ac, useElementBounding as ad, watchEffect as ae, useStorage as af, vModelText as ag, useDark as ah, watch as ai, getInstanceName as aj, classify as ak, kebabize as al, isFragment as am, camelize as an, returnError as ao, isBeingDestroyed as ap, getUniqueComponentId as aq, getRenderKey as ar, shallowRef as as, onVueInstanceUpdate as at, instance as au, nanoid as av, vShow as aw, h as ax, useElementSize as ay, onClickOutside as az, resolveDirective as b, createBlock as c, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };

package/dist/client/assets/{inspect-56184e71.js → inspect-78d7aad4.js}

@@ -1,5 +1,5 @@
-import { v as defineComponent, ac as useColorMode, a0 as ref, a1 as computed, ad as reactive, ae as useElementBounding, A as onMounted, n as nextTick, af as watchEffect, B as onUnmounted, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-d9de2c94.js';
-import { i as inspectClientUrl } from './rpc-80e3af11.js';
+import { v as defineComponent, ab as useColorMode, a0 as ref, a1 as computed, ac as reactive, ad as useElementBounding, A as onMounted, n as nextTick, ae as watchEffect, B as onUnmounted, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-46e82560.js';
+import { i as inspectClientUrl } from './rpc-b3f8e657.js';
 
 const iframeCacheMap = /* @__PURE__ */ new Map();
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{overview-c580d40f.js → overview-b595f4c8.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-0d71921d.js';
-import { a0 as ref, a1 as computed, a9 as routes, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, aa as vueVersion, R as createTextVNode, e as createElementBlock, F as Fragment, ab as __unplugin_components_0, $ as __unplugin_components_1, r as resolveComponent, _ as _sfc_main$1 } from './index-d9de2c94.js';
-import { r as rpc } from './rpc-80e3af11.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-aa63351b.js';
+import { a0 as ref, a1 as computed, a8 as routes, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, a9 as vueVersion, R as createTextVNode, e as createElementBlock, F as Fragment, aa as __unplugin_components_0, $ as __unplugin_components_1, r as resolveComponent, _ as _sfc_main$1 } from './index-46e82560.js';
+import { r as rpc } from './rpc-b3f8e657.js';
 
-const version = "0.0.1";
+const version = "0.0.2";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-ec3d53ab.js → pages-d2cd252f.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-38328457.js';
-import { v as defineComponent, a0 as ref, a1 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a7 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, R as createTextVNode, q as normalizeClass, _ as _sfc_main$4, $ as __unplugin_components_1, A as onMounted, a8 as currentRoute, V as router, M as isRef, O as withKeys, a9 as routes } from './index-d9de2c94.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
+import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-f891cb2d.js';
+import { v as defineComponent, a0 as ref, a1 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a6 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, R as createTextVNode, q as normalizeClass, _ as _sfc_main$4, $ as __unplugin_components_1, A as onMounted, a7 as currentRoute, V as router, M as isRef, O as withKeys, a8 as routes } from './index-46e82560.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
 
 const _hoisted_1$2 = {
   block: "",

package/dist/client/assets/{pinia-8b81a9d8.js → pinia-663071c7.js}

@@ -1,6 +1,6 @@
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-8cd9ad22.js';
-import { v as defineComponent, a0 as ref, a1 as computed, a2 as piniaStoresId, a3 as reactivePick, a4 as toRaw, a5 as piniaState, a6 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-d9de2c94.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-39cc6ffd.js';
+import { v as defineComponent, a0 as ref, a1 as computed, a2 as piniaStoresId, a3 as toRaw, a4 as piniaState, a5 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-46e82560.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
 
 const _hoisted_1 = {
   "h-screen": "",
@@ -26,25 +26,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pinia",
   setup(__props) {
     const activeIndex = ref(0);
-    const omitStoreId = computed(() => {
+    const pickStoreId = computed(() => {
       return activeIndex.value === 0 ? "" : piniaStoresId.value[activeIndex.value];
     });
     function select(index) {
       activeIndex.value = index;
     }
+    const pick = (obj, keys) => keys.reduce((pre, cur) => (cur in obj && (pre[cur] = obj[cur]), pre), {});
     const data = computed(() => {
-      const state = omitStoreId.value ? reactivePick(toRaw(piniaState.value), omitStoreId.value) : piniaState.value;
-      const getters = omitStoreId.value ? reactivePick(toRaw(piniaGetters.value), omitStoreId.value) : piniaGetters.value;
+      const state = pickStoreId.value ? pick(toRaw(piniaState.value), [pickStoreId.value]) : piniaState.value;
+      const getters = pickStoreId.value ? pick(toRaw(piniaGetters.value), [pickStoreId.value]) : piniaGetters.value;
       const hasState = Object.values(unref(state)).some((item) => item !== void 0);
       const hasGetters = Object.values(unref(getters)).some((item) => item !== void 0);
       return [
         hasState && {
           key: "state",
-          value: toRaw(state)
+          value: unref(state)
         },
         hasGetters && {
           key: "getters",
-          value: toRaw(getters)
+          value: unref(getters)
         }
       ].filter(Boolean);
     });

package/dist/client/assets/{routes-f600cbfa.js → routes-4ac43e84.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-0d71921d.js';
-import { _ as __unplugin_components_7 } from './VCard-1d26a3c3.js';
-import { v as defineComponent, z as unref, V as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, W as routeRecordMatcherState, X as activeRouteRecordMatcherState, c as createBlock, U as _sfc_main$2, q as normalizeClass, Y as activeRouteRecordIndex, Z as toggleRouteRecordMatcher, R as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, $ as __unplugin_components_1 } from './index-d9de2c94.js';
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-8cd9ad22.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-aa63351b.js';
+import { _ as __unplugin_components_7 } from './VCard-bd163775.js';
+import { v as defineComponent, z as unref, V as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, W as routeRecordMatcherState, X as activeRouteRecordMatcherState, c as createBlock, U as _sfc_main$2, q as normalizeClass, Y as activeRouteRecordIndex, Z as toggleRouteRecordMatcher, R as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, $ as __unplugin_components_1 } from './index-46e82560.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-39cc6ffd.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{rpc-80e3af11.js → rpc-b3f8e657.js}

@@ -1,4 +1,4 @@
-import { aG as __vitePreload } from './index-d9de2c94.js';
+import { aH as __vitePreload } from './index-46e82560.js';
 
 const DEFAULT_TIMEOUT = 6e4;
 function defaultSerialize(i) {

package/dist/client/assets/{settings-0c6220b2.js → settings-56399403.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
-import { v as defineComponent, K as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, L as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, M as isRef, c as createBlock, N as vModelCheckbox, O as withKeys, P as useTabs, Q as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, h as withCtx, R as createTextVNode, S as useDevToolsSettings, _ as _sfc_main$5, T as _sfc_main$6, q as normalizeClass, U as _sfc_main$7 } from './index-d9de2c94.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-a7b04584.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
+import { v as defineComponent, K as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, L as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, M as isRef, c as createBlock, N as vModelCheckbox, O as withKeys, P as useTabs, Q as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, h as withCtx, R as createTextVNode, S as useDevToolsSettings, _ as _sfc_main$5, T as _sfc_main$6, q as normalizeClass, U as _sfc_main$7 } from './index-46e82560.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-158277be.js';
 
 const _hoisted_1$2 = { class: "n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _hoisted_2$2 = ["disabled"];

package/dist/client/assets/{splitpanes.es-8cd9ad22.js → splitpanes.es-39cc6ffd.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, M as isRef, a4 as toRaw, a1 as computed, r as resolveComponent, e as createElementBlock, i as renderList, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, z as unref, F as Fragment, a0 as ref, u as createVNode, aw as h, f as renderSlot, l as normalizeStyle } from './index-d9de2c94.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, M as isRef, a3 as toRaw, a1 as computed, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, av as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a0 as ref, u as createVNode, d as withDirectives, aw as vShow, ax as h, f as renderSlot, l as normalizeStyle } from './index-46e82560.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VExpandIcon",
@@ -279,7 +279,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_StateFieldsTree = resolveComponent("StateFieldsTree", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
         return openBlock(), createElementBlock("code", {
-          key: index,
+          key: unref(nanoid)(),
           block: "",
           "select-none": "",
           "pl-2": "",
@@ -329,10 +329,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 /* Injected with object hook! */
 
 const _hoisted_1 = { "text-primary": "" };
-const _hoisted_2 = {
-  key: 0,
-  "pl-3": ""
-};
+const _hoisted_2 = { "pl-3": "" };
 const expandedIdCache = ref([]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "StateFields",
@@ -367,14 +364,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_VExpandIcon, { value: unref(isExpanded) }, null, 8, ["value"]),
           createBaseVNode("span", _hoisted_1, toDisplayString(__props.data.key), 1)
         ]),
-        unref(isExpanded) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        withDirectives(createBaseVNode("div", _hoisted_2, [
           createVNode(_component_StateFieldsTree, {
             id: __props.id,
             data: __props.data.value,
             "expanded-id": unref(expandedIdCache),
             onUpdateExpanded: updateExpandedIdCache
           }, null, 8, ["id", "data", "expanded-id"])
-        ])) : createCommentVNode("", true)
+        ], 512), [
+          [vShow, unref(isExpanded)]
+        ])
       ]);
     };
   }

package/dist/client/assets/{timeline-79d66fc7.js → timeline-3b917d7d.js}

@@ -1,8 +1,8 @@
-import { g, M, _ as _sfc_main$2 } from './splitpanes.es-8cd9ad22.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-0d71921d.js';
-import { _ as __unplugin_components_7 } from './VCard-1d26a3c3.js';
-import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, A as onMounted, B as onUnmounted, C as timelineLayer, D as activeTimelineEvents, E as activeTimelineEventIndex, G as toggleTimelineEventIndex, H as timelineEventDetails, I as activeLayerId, J as toggleTimelineLayer } from './index-d9de2c94.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-06188541.js';
+import { g, M, _ as _sfc_main$2 } from './splitpanes.es-39cc6ffd.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-aa63351b.js';
+import { _ as __unplugin_components_7 } from './VCard-bd163775.js';
+import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, A as onMounted, B as onUnmounted, C as timelineLayer, D as activeTimelineEvents, E as activeTimelineEventIndex, G as toggleTimelineEventIndex, H as timelineEventDetails, I as activeLayerId, J as toggleTimelineLayer } from './index-46e82560.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-ace21790.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/client/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <title>Vue Devtools</title>
-  <script type="module" crossorigin src="./assets/index-d9de2c94.js"></script>
+  <script type="module" crossorigin src="./assets/index-46e82560.js"></script>
   <link rel="stylesheet" href="./assets/index-f0fa9f81.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "packageManager": "pnpm@8.4.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
@@ -65,7 +65,7 @@
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.38.6",
+    "@antfu/eslint-config": "^0.38.5",
     "@antfu/ni": "^0.21.3",
     "@iconify/json": "^2.2.61",
     "@nuxt/devtools-ui-kit": "^0.4.5",
@@ -79,7 +79,7 @@
     "codemirror": "^6.0.1",
     "codemirror-theme-vars": "^0.1.2",
     "dayjs": "^1.11.7",
-    "eslint": "^8.40.0",
+    "eslint": "8.38.0",
     "fast-glob": "^3.2.12",
     "floating-vue": "2.0.0-beta.20",
     "fuse.js": "^6.6.2",