vite-plugin-vue-devtools 0.0.1-alpha.2 → 0.0.1-alpha.3

package/dist/client/assets/{VCard-07e53519.js → VCard-9037cc6c.js}

@@ -1,4 +1,4 @@
-import { ax as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-ab9e9151.js';
+import { ay as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-5b5586cd.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-c622c694.js → VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass } from './index-ab9e9151.js';
+import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass } from './index-5b5586cd.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIcon",

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js → VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass, m as createCommentVNode, v as renderSlot, e as createBaseVNode, t as toDisplayString } from './index-ab9e9151.js';
+import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass, m as createCommentVNode, v as renderSlot, e as createBaseVNode, t as toDisplayString } from './index-5b5586cd.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-2e4d7603.js → VPanelGrids-1bf7082d.js}

@@ -1,4 +1,4 @@
-import { ax as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-ab9e9151.js';
+import { ay as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-5b5586cd.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-11aa9678.js → VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
-import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, e as createBaseVNode, n as normalizeClass, b as createVNode, w as withCtx, v as renderSlot, m as createCommentVNode, a as createBlock, u as unref, x as withDirectives, F as Fragment, ay as resolveDirective, E as createTextVNode, t as toDisplayString, az as pushScopeId, aA as popScopeId, ax as _export_sfc, aB as vModelDynamic, ao as mergeProps, z as isRef } from './index-ab9e9151.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
+import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, e as createBaseVNode, n as normalizeClass, b as createVNode, w as withCtx, v as renderSlot, m as createCommentVNode, a as createBlock, u as unref, x as withDirectives, F as Fragment, az as resolveDirective, E as createTextVNode, t as toDisplayString, aA as pushScopeId, aB as popScopeId, ay as _export_sfc, aC as vModelDynamic, ap as mergeProps, z as isRef } from './index-5b5586cd.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-ca212e33.js → __inspecting-62c3dbcc.js}

@@ -1,5 +1,5 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
-import { d as defineComponent, aD as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aE as useClient } from './index-ab9e9151.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-1bf7082d.js';
+import { d as defineComponent, aE as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aF as useClient } from './index-5b5586cd.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{assets-7d94be21.js → assets-95a58404.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
-import { _ as __unplugin_components_7 } from './VCard-07e53519.js';
-import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
-import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, ao as mergeProps, ap as resolveDynamicComponent, P as ref, aq as useElementSize, ar as onClickOutside, c as createElementBlock, e as createBaseVNode, v as renderSlot, u as unref, m as createCommentVNode, as as Transition, Q as computed, t as toDisplayString, n as normalizeClass, at as useStyleTag, N as normalizeStyle, au as computedAsync, av as useTimeAgo, F as Fragment, E as createTextVNode, _ as _sfc_main$b, aw as onKeyDown, z as isRef, r as renderList } from './index-ab9e9151.js';
-import { r as rpc } from './rpc-c07563d7.js';
-import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-11aa9678.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-1bf7082d.js';
+import { _ as __unplugin_components_7 } from './VCard-9037cc6c.js';
+import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
+import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, ap as mergeProps, aq as resolveDynamicComponent, Q as ref, ar as useElementSize, as as onClickOutside, c as createElementBlock, e as createBaseVNode, v as renderSlot, u as unref, m as createCommentVNode, at as Transition, R as computed, t as toDisplayString, n as normalizeClass, au as useStyleTag, O as normalizeStyle, av as computedAsync, aw as useTimeAgo, F as Fragment, E as createTextVNode, _ as _sfc_main$b, ax as onKeyDown, z as isRef, r as renderList } from './index-5b5586cd.js';
+import { r as rpc } from './rpc-85ddbc2c.js';
+import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js';
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{components-f04eb68e.js → components-a220bbbe.js}

@@ -1,6 +1,6 @@
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-f2ab0d30.js';
-import { ab as getInstanceName, ac as classify, ad as kebabize, ae as isFragment, af as camelize, ag as returnError, ah as isBeingDestroyed, ai as getUniqueComponentId, aj as getRenderKey, P as ref, ak as shallowRef, Q as computed, d as defineComponent, X as resolveComponent, o as openBlock, c as createElementBlock, e as createBaseVNode, u as unref, a as createBlock, n as normalizeClass, t as toDisplayString, N as normalizeStyle, F as Fragment, r as renderList, m as createCommentVNode, f as onMounted, al as onVueInstanceUpdate, b as createVNode, w as withCtx, a3 as reactive, am as instance } from './index-ab9e9151.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-48981724.js';
+import { ac as getInstanceName, ad as classify, ae as kebabize, af as isFragment, ag as camelize, ah as returnError, ai as isBeingDestroyed, aj as getUniqueComponentId, ak as getRenderKey, Q as ref, al as shallowRef, R as computed, d as defineComponent, X as resolveComponent, o as openBlock, c as createElementBlock, e as createBaseVNode, u as unref, a as createBlock, n as normalizeClass, t as toDisplayString, O as normalizeStyle, F as Fragment, r as renderList, m as createCommentVNode, f as onMounted, am as onVueInstanceUpdate, b as createVNode, w as withCtx, a4 as reactive, an as instance } from './index-5b5586cd.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
 
 class ComponentFilter {
   filter;

package/dist/client/assets/{graph-b9e504aa.js → graph-92ab6145.js}

@@ -1,6 +1,6 @@
-import { P as ref, a7 as useStorage, Q as computed, d as defineComponent, o as openBlock, c as createElementBlock, x as withDirectives, a8 as vModelText, u as unref, e as createBaseVNode, z as isRef, A as vModelCheckbox, a9 as useDark, f as onMounted, aa as watch, b as createVNode } from './index-ab9e9151.js';
+import { Q as ref, a8 as useStorage, R as computed, d as defineComponent, o as openBlock, c as createElementBlock, x as withDirectives, a9 as vModelText, u as unref, e as createBaseVNode, z as isRef, A as vModelCheckbox, aa as useDark, f as onMounted, ab as watch, b as createVNode } from './index-5b5586cd.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-c07563d7.js';
+import { r as rpc } from './rpc-85ddbc2c.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");

package/dist/client/assets/{index-ab9e9151.js → index-5b5586cd.js}

@@ -14102,19 +14102,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-6da2fbae.js'),true?["./timeline-6da2fbae.js","./splitpanes.es-f2ab0d30.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js","./VPanelGrids-2e4d7603.js","./VCard-07e53519.js"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-c9f4467d.js'),true?["./settings-c9f4467d.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js","./VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-cd4e8e50.js'),true?["./routes-cd4e8e50.js","./VPanelGrids-2e4d7603.js","./VCard-07e53519.js","./splitpanes.es-f2ab0d30.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-178be7b6.js'),true?["./pinia-178be7b6.js","./VPanelGrids-2e4d7603.js","./VCard-07e53519.js","./splitpanes.es-f2ab0d30.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-4aa45253.js'),true?["./pages-4aa45253.js","./VTextInput.vue_vue_type_script_setup_true_lang-11aa9678.js","./VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js","./VTextInput-52804693.css","./pages-43ddf646.js"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-afb7d69a.js'),true?["./overview-afb7d69a.js","./VPanelGrids-2e4d7603.js","./rpc-c07563d7.js","./pages-43ddf646.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-d697adb8.js'),true?["./inspect-d697adb8.js","./rpc-c07563d7.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-b9e504aa.js'),true?["./graph-b9e504aa.js","./fuse.esm-c317b696.js","./rpc-c07563d7.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-f04eb68e.js'),true?["./components-f04eb68e.js","./splitpanes.es-f2ab0d30.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-7d94be21.js'),true?["./assets-7d94be21.js","./VPanelGrids-2e4d7603.js","./VCard-07e53519.js","./VIcon.vue_vue_type_script_setup_true_lang-c622c694.js","./rpc-c07563d7.js","./VTextInput.vue_vue_type_script_setup_true_lang-11aa9678.js","./VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-ca212e33.js'),true?["./__inspecting-ca212e33.js","./VPanelGrids-2e4d7603.js"]:void 0,import.meta.url);
-
-const routes = [{"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}];
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-8ad30834.js'),true?["./timeline-8ad30834.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./VPanelGrids-1bf7082d.js","./VCard-9037cc6c.js"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-7d02fcf4.js'),true?["./settings-7d02fcf4.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-48f13761.js'),true?["./routes-48f13761.js","./VPanelGrids-1bf7082d.js","./VCard-9037cc6c.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-09a6969e.js'),true?["./pinia-09a6969e.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-fe1fbff1.js'),true?["./pages-fe1fbff1.js","./VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-bfce273d.js'),true?["./overview-bfce273d.js","./VPanelGrids-1bf7082d.js","./rpc-85ddbc2c.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-82ea9761.js'),true?["./inspect-82ea9761.js","./rpc-85ddbc2c.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-92ab6145.js'),true?["./graph-92ab6145.js","./fuse.esm-c317b696.js","./rpc-85ddbc2c.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./components-a220bbbe.js'),true?["./components-a220bbbe.js","./splitpanes.es-48981724.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./assets-95a58404.js'),true?["./assets-95a58404.js","./VPanelGrids-1bf7082d.js","./VCard-9037cc6c.js","./VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js","./rpc-85ddbc2c.js","./VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-62c3dbcc.js'),true?["./__inspecting-62c3dbcc.js","./VPanelGrids-1bf7082d.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! */
 
 const _hoisted_1$3 = ["src", "alt"];
@@ -14593,43 +14593,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-/*!
-  * pinia v2.0.35
-  * (c) 2023 Eduardo San Martin Morote
-  * @license MIT
-  */
-// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
-// TODO: can we change these to numbers?
-/**
- * Possible types for SubscriptionCallback
- */
-var MutationType;
-(function (MutationType) {
-    /**
-     * Direct mutation of the state:
-     *
-     * - `store.name = 'new name'`
-     * - `store.$state.name = 'new name'`
-     * - `store.list.push('new item')`
-     */
-    MutationType["direct"] = "direct";
-    /**
-     * Mutated the state with `$patch` and an object
-     *
-     * - `store.$patch({ name: 'newName' })`
-     */
-    MutationType["patchObject"] = "patch object";
-    /**
-     * Mutated the state with `$patch` and a function
-     *
-     * - `store.$patch(state => state.name = 'newName')`
-     */
-    MutationType["patchFunction"] = "patch function";
-    // maybe reset? for $state = {} and $reset
-})(MutationType || (MutationType = {}));
-
-/* Injected with object hook! */
-
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
 }
@@ -14732,6 +14695,9 @@ function toggleTimelineLayer(id) {
   activeTimelineEventIndex.value = 0;
 }
 const timelineApi = {
+  removeTimelineLayer(layerId) {
+    timelineLayer.value = timelineLayer.value.filter((layer) => layer.id !== layerId);
+  },
   addTimelineLayer(layer) {
     timelineLayer.value.push(layer);
   },
@@ -14826,6 +14792,25 @@ function initTimeline(events) {
 
 /* Injected with object hook! */
 
+const router$2 = ref();
+const currentRoute = computed(() => unref(router$2.value?.currentRoute));
+const map = /* @__PURE__ */ new Map();
+const routes = computed(() => {
+  return (router$2.value?.getRoutes() || []).map((i) => {
+    return {
+      ...i
+    };
+  }).filter((i) => !map.has(i.path) && map.set(i.path, 1));
+});
+function initPages() {
+  router$2.value = app$1.value?.config.globalProperties.$router;
+  router$2.value?.afterEach(() => {
+    triggerRef(router$2);
+  });
+}
+
+/* Injected with object hook! */
+
 const app$1 = shallowRef();
 const vueVersion = computed(() => app$1.value?.version);
 const instance = shallowRef();
@@ -14840,6 +14825,7 @@ function initVueApp(_app, component) {
   if (_app) {
     app$1.value = _app;
     triggerRef(app$1);
+    initPages();
   }
   if (component.root) {
     instance.value = component.root;
@@ -14850,7 +14836,197 @@ function initVueApp(_app, component) {
 
 /* Injected with object hook! */
 
-const LAYER_ID$1 = "pinia";
+const CYAN_400 = 2282478;
+const ORANGE_400 = 16486972;
+const DARK = 6710886;
+const LAYER_ID$1 = "router";
+const router$1 = ref();
+const routeRecordMatcher = ref();
+const activeRouteRecordIndex = ref(0);
+const routeRecordMatcherState = computed(() => {
+  return routeRecordMatcher.value?.map((route) => {
+    const state = formatRouteRecordMatcherForStateInspector(route);
+    const tags = formatRouteRecordForInspector(route);
+    return {
+      path: state.path,
+      tags,
+      state
+    };
+  }).sort((a, b) => a.path.length - b.path.length);
+});
+const activeRouteRecordMatcherState = computed(() => {
+  const state = routeRecordMatcherState.value?.[activeRouteRecordIndex.value]?.state;
+  return {
+    key: "options",
+    value: state
+  };
+});
+function formatRouteRecordForInspector(route) {
+  const tags = [];
+  const { record } = route;
+  if (record.name != null) {
+    tags.push({
+      label: String(record.name),
+      bgColor: CYAN_400
+    });
+  }
+  if (record.aliasOf) {
+    tags.push({
+      label: "alias",
+      bgColor: ORANGE_400
+    });
+  }
+  if (record.redirect) {
+    tags.push({
+      label: typeof record.redirect === "string" ? `redirect: ${record.redirect}` : "redirects",
+      bgColor: DARK
+    });
+  }
+  return tags;
+}
+function formatRouteRecordMatcherForStateInspector(route) {
+  const { record } = route;
+  const fields = {
+    path: record.path
+  };
+  if (record.name != null)
+    fields.name = record.name;
+  fields.regexp = route.re;
+  if (route.keys.length)
+    fields.keys = toRaw(route.keys);
+  if (record.redirect != null)
+    fields.redirect = record.redirect;
+  if (route.alias.length)
+    fields.aliases = route.alias.map((alias) => alias.record.path);
+  if (Object.keys(route.record.meta).length)
+    fields.meta = route.record.meta;
+  fields.score = toRaw(route.score);
+  return fields;
+}
+function toggleRouteRecordMatcher(index) {
+  activeRouteRecordIndex.value = index;
+}
+function formatRouteLocation(routeLocation) {
+  const copy = Object.assign({}, routeLocation, {
+    // remove variables that can contain vue instances
+    matched: routeLocation.matched.map(
+      (matched) => reactiveOmit(matched, ["instances", "children", "aliasOf"])
+    )
+  });
+  return copy;
+}
+function subscribeRouterChanged(router2) {
+  router2.onError((error, to) => {
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID$1,
+      event: {
+        title: "Error during Navigation",
+        subtitle: to.fullPath,
+        time: Date.now(),
+        now: Date.now(),
+        data: { error: error.message }
+      }
+    });
+  });
+  router2.beforeEach((to, from) => {
+    const data = {
+      guard: "beforeEach",
+      from: formatRouteLocation(
+        from
+      ),
+      to: formatRouteLocation(to)
+    };
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID$1,
+      event: {
+        time: Date.now(),
+        now: Date.now(),
+        title: "Start of navigation",
+        subtitle: to.fullPath,
+        data
+      }
+    });
+  });
+  router2.afterEach((to, from, failure) => {
+    const data = {
+      guard: "afterEach"
+    };
+    if (failure) {
+      data.failure = failure ? failure.message : "";
+      data.status = "❌";
+    } else {
+      data.status = "✅";
+    }
+    data.from = formatRouteLocation(from);
+    data.to = formatRouteLocation(to);
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID$1,
+      event: {
+        title: "End of navigation",
+        subtitle: to.fullPath,
+        time: Date.now(),
+        now: Date.now(),
+        data
+      }
+    });
+  });
+}
+function initRoutes() {
+  router$1.value = app$1.value?.config.globalProperties.$router;
+  if (router$1.value) {
+    const matcher = createRouterMatcher(router$1.value?.options.routes, router$1.value?.options);
+    routeRecordMatcher.value = matcher.getRoutes();
+    timelineApi.addTimelineLayer({
+      id: LAYER_ID$1,
+      label: "Router Navigations"
+    });
+    subscribeRouterChanged(router$1.value);
+    router$1.value?.afterEach(() => {
+      triggerRef(router$1);
+    });
+  }
+}
+
+/* Injected with object hook! */
+
+/*!
+  * pinia v2.0.35
+  * (c) 2023 Eduardo San Martin Morote
+  * @license MIT
+  */
+// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
+// TODO: can we change these to numbers?
+/**
+ * Possible types for SubscriptionCallback
+ */
+var MutationType;
+(function (MutationType) {
+    /**
+     * Direct mutation of the state:
+     *
+     * - `store.name = 'new name'`
+     * - `store.$state.name = 'new name'`
+     * - `store.list.push('new item')`
+     */
+    MutationType["direct"] = "direct";
+    /**
+     * Mutated the state with `$patch` and an object
+     *
+     * - `store.$patch({ name: 'newName' })`
+     */
+    MutationType["patchObject"] = "patch object";
+    /**
+     * Mutated the state with `$patch` and a function
+     *
+     * - `store.$patch(state => state.name = 'newName')`
+     */
+    MutationType["patchFunction"] = "patch function";
+    // maybe reset? for $state = {} and $reset
+})(MutationType || (MutationType = {}));
+
+/* Injected with object hook! */
+
+const LAYER_ID = "pinia";
 const piniaVisible = ref(false);
 const stores = ref();
 const subscribes = ref([]);
@@ -14900,7 +15076,7 @@ function formatMutationType(type) {
 function subscribeStore(store) {
   const action = store.$onAction(({ after, onError, name, args }) => {
     timelineApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
+      layerId: LAYER_ID,
       event: {
         time: Date.now(),
         title: `🛫 ${name}`,
@@ -14915,7 +15091,7 @@ function subscribeStore(store) {
     });
     after((result) => {
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID$1,
+        layerId: LAYER_ID,
         event: {
           time: Date.now(),
           title: `🛬 ${name}`,
@@ -14932,7 +15108,7 @@ function subscribeStore(store) {
     });
     onError((error) => {
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID$1,
+        layerId: LAYER_ID,
         event: {
           now: Date.now(),
           time: Date.now(),
@@ -14955,7 +15131,7 @@ function subscribeStore(store) {
       () => unref(store[name]),
       (newValue, oldValue) => {
         timelineApi.addTimelineEvent({
-          layerId: LAYER_ID$1,
+          layerId: LAYER_ID,
           event: {
             now: Date.now(),
             time: Date.now(),
@@ -14990,7 +15166,7 @@ function subscribeStore(store) {
       else if (events && !Array.isArray(events))
         eventData.subtitle = events.type;
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID$1,
+        layerId: LAYER_ID,
         event: eventData
       });
     },
@@ -14999,7 +15175,7 @@ function subscribeStore(store) {
   subscribes.value.push(subscribe);
   store._hotUpdate = markRaw((newStore) => {
     timeApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
+      layerId: LAYER_ID,
       event: {
         time: Date.now(),
         now: Date.now(),
@@ -15030,190 +15206,35 @@ function normalizePiniaInfo() {
     subscribeStore(store);
   });
 }
-function updatePinia() {
+function updatePinia(component) {
   stores.value = null;
   subscribes.value.forEach((stop) => stop());
   subscribes.value = [];
+  piniaState.value = {};
+  piniaGetters.value = {};
+  piniaStoresId.value = ["🍍 Pinia (root)"];
   nextTick(() => {
-    const proxy = instance.value?.proxy;
+    const proxy = component?.proxy;
     const _stores = proxy?._pStores;
     piniaVisible.value = !!_stores;
     if (_stores) {
       stores.value = _stores;
-      piniaState.value = {};
-      piniaGetters.value = {};
-      piniaStoresId.value = ["🍍 Pinia (root)"];
       normalizePiniaInfo();
     }
   });
 }
-function initPinia() {
-  updatePinia();
+function initPinia(component) {
+  updatePinia(component);
   setTimeout(() => {
     if (stores.value) {
+      timelineApi.removeTimelineLayer(LAYER_ID);
       timelineApi.addTimelineLayer({
-        id: "pinia",
+        id: LAYER_ID,
         label: "Pinia 🍍"
       });
     }
   });
 }
-onVueInstanceUpdate(() => {
-  updatePinia();
-});
-
-/* Injected with object hook! */
-
-const CYAN_400 = 2282478;
-const ORANGE_400 = 16486972;
-const DARK = 6710886;
-const LAYER_ID = "router";
-const router$1 = ref();
-const routeRecordMatcher = ref();
-const activeRouteRecordIndex = ref(0);
-const routeRecordMatcherState = computed(() => {
-  return routeRecordMatcher.value?.map((route) => {
-    const state = formatRouteRecordMatcherForStateInspector(route);
-    const tags = formatRouteRecordForInspector(route);
-    return {
-      path: state.path,
-      tags,
-      state
-    };
-  }).sort((a, b) => a.path.length - b.path.length);
-});
-const activeRouteRecordMatcherState = computed(() => {
-  const state = routeRecordMatcherState.value?.[activeRouteRecordIndex.value]?.state;
-  return {
-    key: "options",
-    value: state
-  };
-});
-function formatRouteRecordForInspector(route) {
-  const tags = [];
-  const { record } = route;
-  if (record.name != null) {
-    tags.push({
-      label: String(record.name),
-      bgColor: CYAN_400
-    });
-  }
-  if (record.aliasOf) {
-    tags.push({
-      label: "alias",
-      bgColor: ORANGE_400
-    });
-  }
-  if (record.redirect) {
-    tags.push({
-      label: typeof record.redirect === "string" ? `redirect: ${record.redirect}` : "redirects",
-      bgColor: DARK
-    });
-  }
-  return tags;
-}
-function formatRouteRecordMatcherForStateInspector(route) {
-  const { record } = route;
-  const fields = {
-    path: record.path
-  };
-  if (record.name != null)
-    fields.name = record.name;
-  fields.regexp = route.re;
-  if (route.keys.length)
-    fields.keys = toRaw(route.keys);
-  if (record.redirect != null)
-    fields.redirect = record.redirect;
-  if (route.alias.length)
-    fields.aliases = route.alias.map((alias) => alias.record.path);
-  if (Object.keys(route.record.meta).length)
-    fields.meta = route.record.meta;
-  fields.score = toRaw(route.score);
-  return fields;
-}
-function toggleRouteRecordMatcher(index) {
-  activeRouteRecordIndex.value = index;
-}
-function formatRouteLocation(routeLocation) {
-  const copy = Object.assign({}, routeLocation, {
-    // remove variables that can contain vue instances
-    matched: routeLocation.matched.map(
-      (matched) => reactiveOmit(matched, ["instances", "children", "aliasOf"])
-    )
-  });
-  return copy;
-}
-function subscribeRouterChanged(router2) {
-  router2.onError((error, to) => {
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
-      event: {
-        title: "Error during Navigation",
-        subtitle: to.fullPath,
-        time: Date.now(),
-        now: Date.now(),
-        data: { error: error.message }
-      }
-    });
-  });
-  router2.beforeEach((to, from) => {
-    const data = {
-      guard: "beforeEach",
-      from: formatRouteLocation(
-        from
-      ),
-      to: formatRouteLocation(to)
-    };
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
-      event: {
-        time: Date.now(),
-        now: Date.now(),
-        title: "Start of navigation",
-        subtitle: to.fullPath,
-        data
-      }
-    });
-  });
-  router2.afterEach((to, from, failure) => {
-    const data = {
-      guard: "afterEach"
-    };
-    if (failure) {
-      data.failure = failure ? failure.message : "";
-      data.status = "❌";
-    } else {
-      data.status = "✅";
-    }
-    data.from = formatRouteLocation(from);
-    data.to = formatRouteLocation(to);
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
-      event: {
-        title: "End of navigation",
-        subtitle: to.fullPath,
-        time: Date.now(),
-        now: Date.now(),
-        data
-      }
-    });
-  });
-}
-function initRoutes() {
-  router$1.value = app$1.value?.config.globalProperties.$router;
-  if (router$1.value) {
-    const matcher = createRouterMatcher(router$1.value?.options.routes, router$1.value?.options);
-    routeRecordMatcher.value = matcher.getRoutes();
-    timelineApi.addTimelineLayer({
-      id: LAYER_ID,
-      label: "Router Navigations"
-    });
-    subscribeRouterChanged(router$1.value);
-    router$1.value?.afterEach(() => {
-      triggerRef(router$1);
-    });
-  }
-}
 
 /* Injected with object hook! */
 
@@ -15235,6 +15256,7 @@ function connect() {
     initVueApp(app, component);
   });
   hook.on("component:added" /* COMPONENT_ADDED */, (app, uid, parentUid, component) => {
+    initPinia(component);
     if (!app || typeof uid !== "number" && !uid || !component || hideInDevtools(component))
       return;
     initVueApp(app, component);
@@ -15251,7 +15273,9 @@ function connect() {
   });
 }
 function initHook(buffer) {
-  buffer.forEach(([_, { app, component }]) => {
+  buffer.forEach(([eventType, { app, component }]) => {
+    if (eventType === "component:added" /* COMPONENT_ADDED */)
+      initPinia(component);
     initVueApp(app, component);
   });
 }
@@ -15320,7 +15344,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       setTimeout(() => {
         initRoutes();
-        initPinia();
       }, 200);
       watchEffect(() => {
         document.body.style.fontSize = `${scale.value * 15}px`;
@@ -15361,7 +15384,7 @@ connect();
 const app = createApp(_sfc_main);
 const router = createRouter({
   history: createMemoryHistory(),
-  routes
+  routes: routes$1
 });
 app.use(router);
 app.use(plugin);
@@ -15369,4 +15392,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { __unplugin_components_0 as $, vModelCheckbox as A, withKeys as B, useTabs as C, useCategorizedTabs as D, createTextVNode as E, Fragment as F, useDevToolsSettings as G, _sfc_main$3 as H, _sfc_main$5 as I, routeRecordMatcherState as J, activeRouteRecordMatcherState as K, activeRouteRecordIndex as L, toggleRouteRecordMatcher as M, normalizeStyle as N, __unplugin_components_1 as O, ref as P, computed as Q, piniaStoresId as R, reactivePick as S, toRaw as T, piniaState as U, piniaGetters as V, piniaVisible as W, resolveComponent as X, withModifiers as Y, vueVersion as Z, _sfc_main$9 as _, createBlock as a, app$1 as a0, triggerRef as a1, useColorMode as a2, reactive as a3, useElementBounding as a4, nextTick as a5, watchEffect as a6, useStorage as a7, vModelText as a8, useDark as a9, popScopeId as aA, vModelDynamic as aB, __vitePreload as aC, useEventListener as aD, useClient as aE, watch as aa, getInstanceName as ab, classify as ac, kebabize as ad, isFragment as ae, camelize as af, returnError as ag, isBeingDestroyed as ah, getUniqueComponentId as ai, getRenderKey as aj, shallowRef as ak, onVueInstanceUpdate as al, instance as am, h as an, mergeProps as ao, resolveDynamicComponent as ap, useElementSize as aq, onClickOutside as ar, Transition as as, useStyleTag as at, computedAsync as au, useTimeAgo as av, onKeyDown as aw, _export_sfc as ax, resolveDirective as ay, pushScopeId as az, createVNode as b, createElementBlock as c, defineComponent as d, createBaseVNode as e, onMounted as f, onUnmounted as g, timelineLayer as h, activeTimelineEvents as i, activeTimelineEventIndex as j, toggleTimelineEventIndex as k, timelineEventDetails as l, createCommentVNode as m, normalizeClass as n, openBlock as o, activeLayerId as p, toggleTimelineLayer as q, renderList as r, useVModel as s, toDisplayString as t, unref as u, renderSlot as v, withCtx as w, withDirectives as x, vModelSelect as y, isRef as z };
+export { router$2 as $, vModelCheckbox as A, withKeys as B, useTabs as C, useCategorizedTabs as D, createTextVNode as E, Fragment as F, useDevToolsSettings as G, _sfc_main$3 as H, _sfc_main$5 as I, router$1 as J, routeRecordMatcherState as K, activeRouteRecordMatcherState as L, activeRouteRecordIndex as M, toggleRouteRecordMatcher as N, normalizeStyle as O, __unplugin_components_1 as P, ref as Q, computed as R, piniaStoresId as S, reactivePick as T, toRaw as U, piniaState as V, piniaGetters as W, resolveComponent as X, withModifiers as Y, currentRoute as Z, _sfc_main$9 as _, createBlock as a, routes as a0, vueVersion as a1, __unplugin_components_0 as a2, useColorMode as a3, reactive as a4, useElementBounding as a5, nextTick as a6, watchEffect as a7, useStorage as a8, vModelText as a9, pushScopeId as aA, popScopeId as aB, vModelDynamic as aC, __vitePreload as aD, useEventListener as aE, useClient as aF, useDark as aa, watch as ab, getInstanceName as ac, classify as ad, kebabize as ae, isFragment as af, camelize as ag, returnError as ah, isBeingDestroyed as ai, getUniqueComponentId as aj, getRenderKey as ak, shallowRef as al, onVueInstanceUpdate as am, instance as an, h as ao, mergeProps as ap, resolveDynamicComponent as aq, useElementSize as ar, onClickOutside as as, Transition as at, useStyleTag as au, computedAsync as av, useTimeAgo as aw, onKeyDown as ax, _export_sfc as ay, resolveDirective as az, createVNode as b, createElementBlock as c, defineComponent as d, createBaseVNode as e, onMounted as f, onUnmounted as g, timelineLayer as h, activeTimelineEvents as i, activeTimelineEventIndex as j, toggleTimelineEventIndex as k, timelineEventDetails as l, createCommentVNode as m, normalizeClass as n, openBlock as o, activeLayerId as p, toggleTimelineLayer as q, renderList as r, useVModel as s, toDisplayString as t, unref as u, renderSlot as v, withCtx as w, withDirectives as x, vModelSelect as y, isRef as z };

package/dist/client/assets/{inspect-d697adb8.js → inspect-82ea9761.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, a2 as useColorMode, P as ref, Q as computed, a3 as reactive, a4 as useElementBounding, f as onMounted, a5 as nextTick, a6 as watchEffect, g as onUnmounted, o as openBlock, c as createElementBlock, b as createVNode, u as unref } from './index-ab9e9151.js';
-import { i as inspectClientUrl } from './rpc-c07563d7.js';
+import { d as defineComponent, a3 as useColorMode, Q as ref, R as computed, a4 as reactive, a5 as useElementBounding, f as onMounted, a6 as nextTick, a7 as watchEffect, g as onUnmounted, o as openBlock, c as createElementBlock, b as createVNode, u as unref } from './index-5b5586cd.js';
+import { i as inspectClientUrl } from './rpc-85ddbc2c.js';
 
 const iframeCacheMap = /* @__PURE__ */ new Map();
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{overview-afb7d69a.js → overview-bfce273d.js}

@@ -1,13 +1,11 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-2e4d7603.js';
-import { P as ref, Q as computed, d as defineComponent, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, b as createVNode, t as toDisplayString, u as unref, Z as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, $ as __unplugin_components_0, O as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-ab9e9151.js';
-import { r as rpc } from './rpc-c07563d7.js';
-import { i as initPages, a as routes } from './pages-43ddf646.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-1bf7082d.js';
+import { Q as ref, R as computed, a0 as routes, d as defineComponent, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, b as createVNode, t as toDisplayString, u as unref, a1 as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, a2 as __unplugin_components_0, P as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-5b5586cd.js';
+import { r as rpc } from './rpc-85ddbc2c.js';
 
-const version = "0.0.1-alpha.2";
+const version = "0.0.1-alpha.3";
 
 /* Injected with object hook! */
 
-initPages();
 const modules = ref(await rpc.componentGraph());
 const vueModules = computed(() => modules.value.filter((i) => i.id.match(/\.vue($|\?v=)/)));
 const pageCount = computed(() => routes.value.length);

package/dist/client/assets/{pages-4aa45253.js → pages-fe1fbff1.js}

@@ -1,8 +1,7 @@
-import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-11aa9678.js';
-import { d as defineComponent, P as ref, Q as computed, X as resolveComponent, u as unref, o as openBlock, c as createElementBlock, e as createBaseVNode, t as toDisplayString, a as createBlock, w as withCtx, Y as withModifiers, F as Fragment, r as renderList, m as createCommentVNode, b as createVNode, E as createTextVNode, n as normalizeClass, _ as _sfc_main$4, O as __unplugin_components_1, f as onMounted, z as isRef, B as withKeys } from './index-ab9e9151.js';
-import { i as initPages, c as currentRoute, r as router, a as routes } from './pages-43ddf646.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-b905b78e.js';
+import { d as defineComponent, Q as ref, R as computed, X as resolveComponent, u as unref, o as openBlock, c as createElementBlock, e as createBaseVNode, t as toDisplayString, a as createBlock, w as withCtx, Y as withModifiers, F as Fragment, r as renderList, m as createCommentVNode, b as createVNode, E as createTextVNode, n as normalizeClass, _ as _sfc_main$4, P as __unplugin_components_1, f as onMounted, Z as currentRoute, $ as router, z as isRef, B as withKeys, a0 as routes } from './index-5b5586cd.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
 
 const _hoisted_1$2 = {
   block: "",
@@ -246,7 +245,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const routeInput = ref("");
     onMounted(() => {
-      initPages();
       routeInput.value = currentRoute.value?.path ?? "/";
     });
     const routeInputMatched = computed(() => {

package/dist/client/assets/{pinia-178be7b6.js → pinia-09a6969e.js}

@@ -1,11 +1,8 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
-import { _ as __unplugin_components_7 } from './VCard-07e53519.js';
-import { d as defineComponent, P as ref, Q as computed, R as piniaStoresId, S as reactivePick, T as toRaw, U as piniaState, V as piniaGetters, u as unref, W as piniaVisible, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, a as createBlock, I as _sfc_main$1, n as normalizeClass, t as toDisplayString } from './index-ab9e9151.js';
-import { g, M, _ as _sfc_main$2 } from './splitpanes.es-f2ab0d30.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-48981724.js';
+import { d as defineComponent, Q as ref, R as computed, S as piniaStoresId, T as reactivePick, U as toRaw, V as piniaState, W as piniaGetters, u as unref, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, n as normalizeClass, t as toDisplayString, a as createBlock } from './index-5b5586cd.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
 
 const _hoisted_1 = {
-  key: 0,
   "h-screen": "",
   "n-panel-grids": ""
 };
@@ -25,11 +22,6 @@ const _hoisted_5 = {
   "p-2": "",
   class: "no-scrollbar"
 };
-const _hoisted_6 = /* @__PURE__ */ createBaseVNode("h1", { "text-xl": "" }, " Install Pinia ", -1);
-const _hoisted_7 = /* @__PURE__ */ createBaseVNode("p", {
-  "text-sm": "",
-  op50: ""
-}, " It seems you don't have pinia installed. ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pinia",
   setup(__props) {
@@ -57,11 +49,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ].filter(Boolean);
     });
     return (_ctx, _cache) => {
-      const _component_StateFields = _sfc_main$2;
-      const _component_TabIcon = _sfc_main$1;
-      const _component_VCard = __unplugin_components_7;
-      const _component_VPanelGrids = __unplugin_components_0;
-      return unref(piniaVisible) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      const _component_StateFields = _sfc_main$1;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(M), null, {
           default: withCtx(() => [
             createVNode(unref(g), { border: "r base" }, {
@@ -102,32 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ])) : (openBlock(), createBlock(_component_VPanelGrids, {
-        key: 1,
-        px5: ""
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_VCard, {
-            flex: "~ col gap2",
-            "min-w-30": "",
-            "items-center": "",
-            p3: ""
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_TabIcon, {
-                mb2: "",
-                "text-5xl": "",
-                icon: "icon-park-outline:pineapple",
-                title: "Pinia"
-              }),
-              _hoisted_6,
-              _hoisted_7
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }));
+      ]);
     };
   }
 });

package/dist/client/assets/{routes-cd4e8e50.js → routes-48f13761.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
-import { _ as __unplugin_components_7 } from './VCard-07e53519.js';
-import { d as defineComponent, f as onMounted, u as unref, J as routeRecordMatcherState, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, K as activeRouteRecordMatcherState, a as createBlock, I as _sfc_main$2, n as normalizeClass, L as activeRouteRecordIndex, M as toggleRouteRecordMatcher, E as createTextVNode, t as toDisplayString, N as normalizeStyle, O as __unplugin_components_1 } from './index-ab9e9151.js';
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-f2ab0d30.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-1bf7082d.js';
+import { _ as __unplugin_components_7 } from './VCard-9037cc6c.js';
+import { d as defineComponent, f as onMounted, u as unref, J as router, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, K as routeRecordMatcherState, L as activeRouteRecordMatcherState, a as createBlock, I as _sfc_main$2, n as normalizeClass, M as activeRouteRecordIndex, N as toggleRouteRecordMatcher, E as createTextVNode, t as toDisplayString, O as normalizeStyle, P as __unplugin_components_1 } from './index-5b5586cd.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-48981724.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_TabIcon = _sfc_main$2;
       const _component_VCard = __unplugin_components_7;
       const _component_VPanelGrids = __unplugin_components_0;
-      return unref(routeRecordMatcherState)?.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return unref(router) ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(M), null, {
           default: withCtx(() => [
             createVNode(unref(g), { border: "r base" }, {

package/dist/client/assets/{rpc-c07563d7.js → rpc-85ddbc2c.js}

@@ -1,4 +1,4 @@
-import { aC as __vitePreload } from './index-ab9e9151.js';
+import { aD as __vitePreload } from './index-5b5586cd.js';
 
 const DEFAULT_TIMEOUT = 6e4;
 function defaultSerialize(i) {

package/dist/client/assets/{settings-c9f4467d.js → settings-7d02fcf4.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
-import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, v as renderSlot, x as withDirectives, y as vModelSelect, u as unref, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, z as isRef, a as createBlock, A as vModelCheckbox, B as withKeys, C as useTabs, D as useCategorizedTabs, b as createVNode, F as Fragment, r as renderList, w as withCtx, E as createTextVNode, G as useDevToolsSettings, _ as _sfc_main$5, H as _sfc_main$6, n as normalizeClass, I as _sfc_main$7 } from './index-ab9e9151.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
+import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, v as renderSlot, x as withDirectives, y as vModelSelect, u as unref, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, z as isRef, a as createBlock, A as vModelCheckbox, B as withKeys, C as useTabs, D as useCategorizedTabs, b as createVNode, F as Fragment, r as renderList, w as withCtx, E as createTextVNode, G as useDevToolsSettings, _ as _sfc_main$5, H as _sfc_main$6, n as normalizeClass, I as _sfc_main$7 } from './index-5b5586cd.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-cb9f1433.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-f2ab0d30.js → splitpanes.es-48981724.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
-import { d as defineComponent, o as openBlock, a as createBlock, n as normalizeClass, z as isRef, T as toRaw, Q as computed, X as resolveComponent, c as createElementBlock, r as renderList, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, u as unref, F as Fragment, P as ref, b as createVNode, an as h, v as renderSlot, N as normalizeStyle } from './index-ab9e9151.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.js';
+import { d as defineComponent, o as openBlock, a as createBlock, n as normalizeClass, z as isRef, U as toRaw, R as computed, X as resolveComponent, c as createElementBlock, r as renderList, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, u as unref, F as Fragment, Q as ref, b as createVNode, ao as h, v as renderSlot, O as normalizeStyle } from './index-5b5586cd.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VExpandIcon",

package/dist/client/assets/{timeline-6da2fbae.js → timeline-8ad30834.js}

@@ -1,8 +1,8 @@
-import { g, M, _ as _sfc_main$2 } from './splitpanes.es-f2ab0d30.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
-import { _ as __unplugin_components_7 } from './VCard-07e53519.js';
-import { d as defineComponent, o as openBlock, c as createElementBlock, F as Fragment, r as renderList, a as createBlock, w as withCtx, b as createVNode, e as createBaseVNode, n as normalizeClass, t as toDisplayString, u as unref, f as onMounted, g as onUnmounted, h as timelineLayer, i as activeTimelineEvents, j as activeTimelineEventIndex, k as toggleTimelineEventIndex, l as timelineEventDetails, m as createCommentVNode, p as activeLayerId, q as toggleTimelineLayer } from './index-ab9e9151.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+import { g, M, _ as _sfc_main$2 } from './splitpanes.es-48981724.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-1bf7082d.js';
+import { _ as __unplugin_components_7 } from './VCard-9037cc6c.js';
+import { d as defineComponent, o as openBlock, c as createElementBlock, F as Fragment, r as renderList, a as createBlock, w as withCtx, b as createVNode, e as createBaseVNode, n as normalizeClass, t as toDisplayString, u as unref, f as onMounted, g as onUnmounted, h as timelineLayer, i as activeTimelineEvents, j as activeTimelineEventIndex, k as toggleTimelineEventIndex, l as timelineEventDetails, m as createCommentVNode, p as activeLayerId, q as toggleTimelineLayer } from './index-5b5586cd.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2faf063.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-ab9e9151.js"></script>
+  <script type="module" crossorigin src="./assets/index-5b5586cd.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-alpha.2",
+  "version": "0.0.1-alpha.3",
   "packageManager": "pnpm@7.30.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",

package/src/node/Container.vue

@@ -191,7 +191,7 @@ function collectHookBuffer() {
   }
 
   function skipCollect(component) {
-    return component?.root.type?.devtools?.hide || iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__
+    return component?.root?.type?.devtools?.hide || iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__
   }
   props.hook.on(DevtoolsHooks.PERF_START, (app, uid, component, type, time) => {
     if (skipCollect(component))

package/dist/client/assets/pages-43ddf646.js

@@ -1,21 +0,0 @@
-import { P as ref, Q as computed, u as unref, a0 as app, a1 as triggerRef } from './index-ab9e9151.js';
-
-const router = ref();
-const currentRoute = computed(() => unref(router.value?.currentRoute));
-const routes = computed(() => {
-  return (router.value?.getRoutes() || []).map((i) => {
-    return {
-      ...i
-    };
-  });
-});
-function initPages() {
-  router.value = app.value?.config.globalProperties.$router;
-  router.value?.afterEach(() => {
-    triggerRef(router);
-  });
-}
-
-/* Injected with object hook! */
-
-export { routes as a, currentRoute as c, initPages as i, router as r };