vite-plugin-vue-devtools 0.4.14 → 0.5.0

package/dist/client/assets/{inspect-517cfc3b.js → inspect-8d04bb08.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IframeView.vue_vue_type_script_setup_true_lang-a1185393.js';
-import { i as inspectClientUrl } from './rpc-97467545.js';
-import { v as defineComponent, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-12ebe994.js';
+import { _ as _sfc_main$1 } from './IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js';
+import { i as inspectClientUrl } from './rpc-b9c94a3a.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-197edebf.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "inspect",

package/dist/client/assets/{npm-5ff3b150.js → npm-73c6479f.js}

@@ -1,10 +1,10 @@
-import { v as defineComponent, a$ as ref, aP as onMounted, cb as useEventListener, cc as hookApi, o as openBlock, e as createElementBlock, cd as useScrollLock, by as watch, ce as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, d as withDirectives, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$3 } from './index-12ebe994.js';
-import { _ as __unplugin_components_3 } from './VSectionBlock-bada460c.js';
-import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-1ec609c7.js';
+import { v as defineComponent, a$ as ref, aP as onMounted, cb as useEventListener, cc as hookApi, o as openBlock, e as createElementBlock, cd as useScrollLock, by as watch, ce as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, d as withDirectives, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$3 } from './index-197edebf.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-8dcfb48d.js';
+import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-65004790.js';
-import { r as rpc } from './rpc-97467545.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-47b8a07a.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-53acfb91.js';
+import { r as rpc } from './rpc-b9c94a3a.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 
 var xterm$1 = {exports: {}};/* Injected with object hook! */
 
@@ -162,9 +162,9 @@ const _hoisted_17 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
   "lh-7": "",
+  "font-mono": "",
   underline: "",
   op70: ""
 };
@@ -179,8 +179,8 @@ const _hoisted_20 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
+  "font-mono": "",
   underline: "",
   op70: "",
   hover: "text-primary"
@@ -191,8 +191,8 @@ const _hoisted_22 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
+  "font-mono": "",
   op70: ""
 };
 const _hoisted_23 = {

package/dist/client/assets/{overview-ddb35c98.js → overview-edc8c0a8.js}

@@ -1,9 +1,9 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-6b407e75.js';
-import { a$ as ref, a1 as computed, c8 as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, c9 as vueVersion, a9 as createTextVNode, e as createElementBlock, F as Fragment, ca as __unplugin_components_0, c3 as __unplugin_components_1, bL as _sfc_main$1 } from './index-12ebe994.js';
-import { r as rpc } from './rpc-97467545.js';
-import { i as isMacOS } from './index-07eaeded.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-4b915e62.js';
+import { a$ as ref, a1 as computed, c8 as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, c9 as vueVersion, a9 as createTextVNode, e as createElementBlock, F as Fragment, ca as __unplugin_components_0, c3 as __unplugin_components_1, bL as _sfc_main$1 } from './index-197edebf.js';
+import { r as rpc } from './rpc-b9c94a3a.js';
+import { i as isMacOS } from './index-f977bcde.js';
 
-const version = "0.4.14";
+const version = "0.5.0";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-0f764a73.js → pages-562d1ae5.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_3 } from './VSectionBlock-bada460c.js';
-import { v as defineComponent, a$ 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, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$4, c3 as __unplugin_components_1, aP as onMounted, c7 as currentRoute, b_ as router, aC as isRef, bE as withKeys, c8 as routes } from './index-12ebe994.js';
-import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-1ec609c7.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-47b8a07a.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-53acfb91.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-8dcfb48d.js';
+import { v as defineComponent, a$ 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, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$4, c3 as __unplugin_components_1, aP as onMounted, c7 as currentRoute, b_ as router, aC as isRef, bE as withKeys, c8 as routes } from './index-197edebf.js';
+import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 
 const _hoisted_1$2 = {
   block: "",
@@ -19,8 +19,8 @@ const _hoisted_5$2 = {
   flex: "~",
   "items-center": "",
   p2: "",
-  "font-mono": "",
-  "text-sm": ""
+  "text-sm": "",
+  "font-mono": ""
 };
 const _hoisted_6$2 = { key: 1 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -138,8 +138,8 @@ const _hoisted_7$1 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
+  "font-mono": "",
   op50: ""
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{pinia-68a51789.js → pinia-89f6b4c0.js}

@@ -1,9 +1,9 @@
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-400324ec.js';
-import { g, M } from './splitpanes.es-56cabd81.js';
-import { v as defineComponent, a$ as ref, a1 as computed, c4 as piniaStoresCategory, bd as toRaw, c5 as piniaState, c6 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-12ebe994.js';
-import { p as pick } from './index-07eaeded.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-53acfb91.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-64de857d.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
+import { g, M } from './splitpanes.es-2f5182b4.js';
+import { v as defineComponent, a$ as ref, a1 as computed, c4 as piniaStoresCategory, bd as toRaw, c5 as piniaState, c6 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-197edebf.js';
+import { p as pick } from './index-f977bcde.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/{routes-f7af2877.js → routes-ddddc2d7.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-6b407e75.js';
-import { v as defineComponent, z as unref, b_ as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, b$ as routeRecordMatcherState, c0 as activeRouteRecordMatcherState, c as createBlock, bZ as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c1 as activeRouteRecordIndex, c2 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c3 as __unplugin_components_1 } from './index-12ebe994.js';
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-400324ec.js';
-import { g, M } from './splitpanes.es-56cabd81.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-53acfb91.js';
-import './index-07eaeded.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-64de857d.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
+import { v as defineComponent, z as unref, b_ as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, b$ as routeRecordMatcherState, c0 as activeRouteRecordMatcherState, c as createBlock, bZ as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c1 as activeRouteRecordIndex, c2 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c3 as __unplugin_components_1 } from './index-197edebf.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
+import { g, M } from './splitpanes.es-2f5182b4.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import './index-f977bcde.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{rpc-97467545.js → rpc-b9c94a3a.js}

@@ -1,4 +1,4 @@
-import { cw as __vitePreload, cc as hookApi } from './index-12ebe994.js';
+import { cy as __vitePreload, cc as hookApi } from './index-197edebf.js';
 
 async function getViteClient(base = "/", warning = true) {
   try {

package/dist/client/assets/{settings-f852d24f.js → settings-7722ba4d.js}

@@ -1,10 +1,10 @@
-import { _ as _sfc_main$a, a as _sfc_main$c } from './VSwitch.vue_vue_type_script_setup_true_lang-9db804e8.js';
-import { I as BaseTransition, J as BaseTransitionPropsValidators, K as Comment, L as EffectScope, F as Fragment, M as KeepAlive, R as ReactiveEffect, S as Static, N as Suspense, T as Teleport, O as Text, P as Transition, Q as TransitionGroup, V as VueElement, U as assertNumber, W as callWithAsyncErrorHandling, X as callWithErrorHandling, Y as camelize, Z as capitalize, $ as cloneVNode, a0 as compatUtils, a1 as computed, a2 as createApp, c as createBlock, g as createCommentVNode, e as createElementBlock, x as createBaseVNode, a3 as createHydrationRenderer, a4 as createPropsRestProxy, a5 as createRenderer, a6 as createSSRApp, a7 as createSlots, a8 as createStaticVNode, a9 as createTextVNode, u as createVNode, aa as customRef, ab as defineAsyncComponent, v as defineComponent, ac as defineCustomElement, ad as defineEmits, ae as defineExpose, af as defineModel, ag as defineOptions, ah as defineProps, ai as defineSSRCustomElement, aj as defineSlots, ak as devtools, al as effect, am as effectScope, an as getCurrentInstance, ao as getCurrentScope, ap as getTransitionRawChildren, aq as guardReactiveProps, ar as h, as as handleError, at as hasInjectionContext, au as hydrate, av as initCustomFormatter, aw as initDirectivesForSSR, ax as inject, ay as isMemoSame, az as isProxy, aA as isReactive, aB as isReadonly, aC as isRef, aD as isRuntimeOnly, aE as isShallow, aF as isVNode, m as markRaw, aG as mergeDefaults, aH as mergeModels, k as mergeProps, n as nextTick, q as normalizeClass, aI as normalizeProps, l as normalizeStyle, aJ as onActivated, aK as onBeforeMount, aL as onBeforeUnmount, aM as onBeforeUpdate, aN as onDeactivated, aO as onErrorCaptured, aP as onMounted, aQ as onRenderTracked, aR as onRenderTriggered, aS as onScopeDispose, aT as onServerPrefetch, aU as onUnmounted, aV as onUpdated, o as openBlock, a as popScopeId, aW as provide, aX as proxyRefs, p as pushScopeId, aY as queuePostFlushCb, aZ as reactive, a_ as readonly, a$ as ref, b0 as registerRuntimeCompiler, b1 as render, i as renderList, f as renderSlot, r as resolveComponent, b as resolveDirective, j as resolveDynamicComponent, b2 as resolveFilter, b3 as resolveTransitionHooks, b4 as setBlockTracking, b5 as setDevtoolsHook, b6 as setTransitionHooks, s as shallowReactive, b7 as shallowReadonly, b8 as shallowRef, b9 as ssrContextKey, ba as ssrUtils, bb as stop, y as toDisplayString, bc as toHandlerKey, t as toHandlers, bd as toRaw, be as toRef, bf as toRefs, bg as toValue, bh as transformVNodeArgs, bi as triggerRef, z as unref, bj as useAttrs, bk as useCssModule, bl as useCssVars, bm as useModel, bn as useSSRContext, bo as useSlots, bp as useTransitionState, bq as vModelCheckbox, br as vModelDynamic, bs as vModelRadio, bt as vModelSelect, bu as vModelText, bv as vShow, bw as version$1, bx as warn, by as watch, bz as watchEffect, bA as watchPostEffect, bB as watchSyncEffect, bC as withAsyncContext, h as withCtx, bD as withDefaults, d as withDirectives, bE as withKeys, bF as withMemo, bG as withModifiers, w as withScopeId, bH as getSortedTabs, bI as updateTabsPosition, bJ as _export_sfc, bK as useVModel, bL as _sfc_main$5, bM as _sfc_main$6, bN as useToggle, bO as shouldHideTabGroup, bP as DEFAULT_TAB_GROUP, bQ as useGroupedTabs, bR as ungroupAllTabs, bS as resetAllTabs, bT as removeTabGroup, bU as checkGroupExist, bV as createGroup, bW as useDevToolsSettings, bX as useFrameState, bY as _sfc_main$b, bZ as _sfc_main$d } from './index-12ebe994.js';
-import { _ as _sfc_main$4 } from './VIcon.vue_vue_type_script_setup_true_lang-53acfb91.js';
+import { _ as _sfc_main$a, a as _sfc_main$c } from './VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js';
+import { I as BaseTransition, J as BaseTransitionPropsValidators, K as Comment, L as EffectScope, F as Fragment, M as KeepAlive, R as ReactiveEffect, S as Static, N as Suspense, T as Teleport, O as Text, P as Transition, Q as TransitionGroup, V as VueElement, U as assertNumber, W as callWithAsyncErrorHandling, X as callWithErrorHandling, Y as camelize, Z as capitalize, $ as cloneVNode, a0 as compatUtils, a1 as computed, a2 as createApp, c as createBlock, g as createCommentVNode, e as createElementBlock, x as createBaseVNode, a3 as createHydrationRenderer, a4 as createPropsRestProxy, a5 as createRenderer, a6 as createSSRApp, a7 as createSlots, a8 as createStaticVNode, a9 as createTextVNode, u as createVNode, aa as customRef, ab as defineAsyncComponent, v as defineComponent, ac as defineCustomElement, ad as defineEmits, ae as defineExpose, af as defineModel, ag as defineOptions, ah as defineProps, ai as defineSSRCustomElement, aj as defineSlots, ak as devtools, al as effect, am as effectScope, an as getCurrentInstance, ao as getCurrentScope, ap as getTransitionRawChildren, aq as guardReactiveProps, ar as h, as as handleError, at as hasInjectionContext, au as hydrate, av as initCustomFormatter, aw as initDirectivesForSSR, ax as inject, ay as isMemoSame, az as isProxy, aA as isReactive, aB as isReadonly, aC as isRef, aD as isRuntimeOnly, aE as isShallow, aF as isVNode, m as markRaw, aG as mergeDefaults, aH as mergeModels, k as mergeProps, n as nextTick, q as normalizeClass, aI as normalizeProps, l as normalizeStyle, aJ as onActivated, aK as onBeforeMount, aL as onBeforeUnmount, aM as onBeforeUpdate, aN as onDeactivated, aO as onErrorCaptured, aP as onMounted, aQ as onRenderTracked, aR as onRenderTriggered, aS as onScopeDispose, aT as onServerPrefetch, aU as onUnmounted, aV as onUpdated, o as openBlock, a as popScopeId, aW as provide, aX as proxyRefs, p as pushScopeId, aY as queuePostFlushCb, aZ as reactive, a_ as readonly, a$ as ref, b0 as registerRuntimeCompiler, b1 as render, i as renderList, f as renderSlot, r as resolveComponent, b as resolveDirective, j as resolveDynamicComponent, b2 as resolveFilter, b3 as resolveTransitionHooks, b4 as setBlockTracking, b5 as setDevtoolsHook, b6 as setTransitionHooks, s as shallowReactive, b7 as shallowReadonly, b8 as shallowRef, b9 as ssrContextKey, ba as ssrUtils, bb as stop, y as toDisplayString, bc as toHandlerKey, t as toHandlers, bd as toRaw, be as toRef, bf as toRefs, bg as toValue, bh as transformVNodeArgs, bi as triggerRef, z as unref, bj as useAttrs, bk as useCssModule, bl as useCssVars, bm as useModel, bn as useSSRContext, bo as useSlots, bp as useTransitionState, bq as vModelCheckbox, br as vModelDynamic, bs as vModelRadio, bt as vModelSelect, bu as vModelText, bv as vShow, bw as version$1, bx as warn, by as watch, bz as watchEffect, bA as watchPostEffect, bB as watchSyncEffect, bC as withAsyncContext, h as withCtx, bD as withDefaults, d as withDirectives, bE as withKeys, bF as withMemo, bG as withModifiers, w as withScopeId, bH as getSortedTabs, bI as updateTabsPosition, bJ as _export_sfc, bK as useVModel, bL as _sfc_main$5, bM as _sfc_main$6, bN as useToggle, bO as shouldHideTabGroup, bP as DEFAULT_TAB_GROUP, bQ as useGroupedTabs, bR as ungroupAllTabs, bS as resetAllTabs, bT as removeTabGroup, bU as checkGroupExist, bV as createGroup, bW as useDevToolsSettings, bX as useFrameState, bY as _sfc_main$b, bZ as _sfc_main$d } from './index-197edebf.js';
+import { _ as _sfc_main$4 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
-import { _ as _sfc_main$8 } from './VIconButton.vue_vue_type_script_setup_true_lang-64de857d.js';
-import { _ as _sfc_main$7 } from './VTextInput.vue_vue_type_script_setup_true_lang-1ec609c7.js';
-import { _ as _sfc_main$9 } from './VIconTitle.vue_vue_type_script_setup_true_lang-47b8a07a.js';
+import { _ as _sfc_main$8 } from './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
+import { _ as _sfc_main$7 } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
+import { _ as _sfc_main$9 } from './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
 
 const compile = () => {
 };
@@ -9384,8 +9384,8 @@ const _hoisted_12 = /* @__PURE__ */ createBaseVNode("h3", {
 }, " Appearance ", -1);
 const _hoisted_13 = /* @__PURE__ */ createBaseVNode("div", {
   "carbon-sun": "",
-  "dark:carbon-moon": "",
-  "translate-y--1px": ""
+  "translate-y--1px": "",
+  "dark:carbon-moon": ""
 }, null, -1);
 const _hoisted_14 = {
   py3: "",

package/dist/client/assets/{splitpanes.es-56cabd81.js → splitpanes.es-2f5182b4.js}

@@ -1,4 +1,4 @@
-import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-12ebe994.js';
+import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-197edebf.js';
 
 const M = {
   name: "splitpanes",

package/dist/client/assets/{timeline-28278daa.js → timeline-bc5ea36f.js}

@@ -1,11 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-400324ec.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-6b407e75.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, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-12ebe994.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.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, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-197edebf.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
-import { g, M } from './splitpanes.es-56cabd81.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-53acfb91.js';
-import './index-07eaeded.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-64de857d.js';
+import { g, M } from './splitpanes.es-2f5182b4.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import './index-f977bcde.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 var dayjs_min = {exports: {}};/* Injected with object hook! */
 

package/dist/client/index.html

@@ -5,8 +5,8 @@
   <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-12ebe994.js"></script>
-  <link rel="stylesheet" href="./assets/index-8fbe34c5.css">
+  <script type="module" crossorigin src="./assets/index-197edebf.js"></script>
+  <link rel="stylesheet" href="./assets/index-fb18df65.css">
 </head>
 <body>
   <div id="app"></div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.4.14",
-  "packageManager": "pnpm@8.6.5",
+  "version": "0.5.0",
+  "packageManager": "pnpm@8.6.7",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
   "license": "MIT",
@@ -37,7 +37,7 @@
     "*.d.ts"
   ],
   "engines": {
-    "node": ">=14"
+    "node": ">=v14"
   },
   "scripts": {
     "build": "rimraf dist && run-s build:*",
@@ -54,7 +54,7 @@
     "dep:up": "taze -I major"
   },
   "peerDependencies": {
-    "vite": "^3.0.0-0 || ^4.0.0-0"
+    "vite": "^3.1.0 || ^4.0.0-0"
   },
   "dependencies": {
     "@vueuse/core": "^10.2.1",
@@ -64,7 +64,7 @@
     "birpc": "^0.2.12",
     "execa": "^7.1.1",
     "json-editor-vue": "^0.10.6",
-    "minimatch": "^9.0.2",
+    "minimatch": "^9.0.3",
     "nanoid": "^4.0.2",
     "sirv": "^2.0.3",
     "splitpanes": "^3.1.5",
@@ -72,22 +72,22 @@
     "vite-hot-client": "^0.2.1",
     "vite-plugin-inspect": "^0.7.32",
     "vite-plugin-vue-inspector": "^3.4.2",
-    "vue-router": "^4.2.2",
+    "vue-router": "^4.2.4",
     "vuedraggable": "^4.1.0",
     "xterm": "^5.2.1",
     "xterm-addon-fit": "^0.7.0"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.18.0",
-    "@antfu/eslint-config": "^0.39.6",
+    "@antfu/eslint-config": "^0.39.7",
     "@antfu/ni": "^0.21.4",
-    "@iconify/json": "^2.2.85",
-    "@nuxt/devtools-ui-kit": "^0.6.6",
+    "@iconify/json": "^2.2.88",
+    "@nuxt/devtools-ui-kit": "^0.6.7",
     "@types/codemirror": "^5.60.8",
-    "@types/node": "^20.3.3",
+    "@types/node": "^20.4.1",
     "@types/splitpanes": "^2.2.1",
-    "@unocss/eslint-config": "^0.53.4",
-    "@unocss/reset": "^0.53.4",
+    "@unocss/eslint-config": "^0.53.5",
+    "@unocss/reset": "^0.53.5",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "bumpp": "^9.1.1",
@@ -105,18 +105,18 @@
     "ohash": "^1.1.2",
     "pathe": "^1.1.1",
     "pinia": "^2.1.4",
-    "pnpm": "^8.6.5",
+    "pnpm": "^8.6.7",
     "rimraf": "^5.0.1",
     "simple-git-hooks": "^2.8.1",
     "taze": "^0.11.2",
     "typescript": "^5.1.6",
     "unbuild": "^1.2.1",
-    "unocss": "^0.53.4",
-    "unplugin-auto-import": "^0.16.4",
+    "unocss": "^0.53.5",
+    "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.1",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
-    "vite": "^4.3.9",
+    "vite": "^4.4.2",
     "vite-dev-rpc": "^0.1.2",
     "vite-plugin-pages": "^0.31.0",
     "vue": "^3.3.4",

package/src/node/views/ComponentInspector.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps<{
+  bounds: {
+    width: number
+    height: number
+    top: number
+    left: number
+  }
+  name: string
+}>()
+
+const inspectorStyle = computed(() => {
+  const { width, height, top, left } = props.bounds
+  return {
+    width: `${width}px`,
+    height: `${height}px`,
+    top: `${top}px`,
+    left: `${left}px`,
+  }
+})
+const inspectorCardStyle = computed(() => ({ top: props.bounds.top < 35 ? 0 : '-35px' }))
+</script>
+
+<template>
+  <div class="vue-devtools-component-inspector" :style="inspectorStyle">
+    <span class="vue-devtools-component-inspector-card" :style="inspectorCardStyle">
+      &lt;{{ name }}&gt;
+      <i>{{ bounds.width }} x {{ bounds.height }}</i>
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.vue-devtools-component-inspector {
+  z-index: 2147483646;
+  position: fixed;
+  background-color:#42b88325;
+  border: 1px solid #42b88350;
+  border-radius: 5px;
+  transition: all 0.1s ease-in;
+  pointer-events: none;
+}
+
+.vue-devtools-component-inspector-card {
+  font-family: Arial, Helvetica, sans-serif;
+  padding: 5px 8px;
+  border-radius: 4px;
+  text-align: left;
+  position: absolute;
+  left: 0;
+  color:#e9e9e9;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 24px;
+  background-color:#42b883;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+}
+
+.vue-devtools-component-inspector-card i {
+  font-weight: 400;
+  font-style: normal;
+  font-size: 12px;
+  opacity: 0.7;
+}
+</style>

package/src/node/views/Main.vue

@@ -4,7 +4,8 @@ import { computed, ref } from 'vue'
 // @ts-expect-error virtual module
 import vueDevToolsOptions from 'virtual:vue-devtools-options'
 import Frame from './FrameBox.vue'
-import { useIframe, useInspector, usePanelVisible, usePiPMode, usePosition } from './composables'
+import ComponentInspector from './ComponentInspector.vue'
+import { useHighlightComponent, useIframe, useInspector, usePanelVisible, usePiPMode, usePosition } from './composables'
 import { checkIsSafari, useColorScheme, usePreferredColorScheme, warn } from './utils'
 
 const props = defineProps({
@@ -88,6 +89,7 @@ const { iframe, getIframe } = useIframe(clientUrl, async () => {
 
 // Picture-in-Picture mode
 const { popup } = usePiPMode(getIframe, hook)
+const { overlayVisible, name: componentName, bounds, highlight, unHighlight } = useHighlightComponent()
 
 async function setupClient(iframe: HTMLIFrameElement) {
   const injection: any = iframe?.contentWindow?.__VUE_DEVTOOLS_VIEW__
@@ -114,6 +116,10 @@ async function setupClient(iframe: HTMLIFrameElement) {
     openInEditor: openInEditor.value ?? (() => {
       warn('Unable to load inspector, open-in-editor is not available.')
     }),
+    componentInspector: {
+      highlight,
+      unHighlight,
+    },
   })
 }
 
@@ -276,6 +282,8 @@ collectHookBuffer()
       :view-mode="panelState.viewMode"
     />
   </div>
+  <!-- component inspector -->
+  <ComponentInspector v-if="overlayVisible" :bounds="bounds" :name="componentName" />
 </template>
 
 <style scoped>

package/src/node/views/composables.ts

@@ -15,6 +15,13 @@ interface DevToolsFrameState {
   closeOnOutsideClick: boolean
 }
 
+interface ComponentInspectorBounds {
+  width: number
+  height: number
+  top: number
+  left: number
+}
+
 // ---- state ----
 export const PANEL_PADDING = 10
 export const PANEL_MIN = 20
@@ -435,3 +442,36 @@ export function usePosition(panelEl: Ref<HTMLElement | undefined>) {
     iframeStyle,
   }
 }
+
+// ---- useHighlightComponent ----
+
+export function useHighlightComponent() {
+  const name = ref('')
+  const overlayVisible = ref(false)
+  const initialBounds = {
+    width: 0,
+    height: 0,
+    left: 0,
+    top: 0,
+  }
+  const bounds = ref<ComponentInspectorBounds>(initialBounds)
+
+  function highlight(_name: string, _bounds: ComponentInspectorBounds) {
+    name.value = _name
+    bounds.value = _bounds
+    overlayVisible.value = true
+  }
+
+  function unHighlight() {
+    bounds.value = initialBounds
+    overlayVisible.value = false
+  }
+
+  return {
+    name,
+    overlayVisible,
+    bounds,
+    highlight,
+    unHighlight,
+  }
+}