vite-plugin-vue-devtools 0.0.1-alpha.7 → 0.0.1-alpha.9

package/README.md

@@ -1,2 +1,54 @@
-# vite-plugin-vue-devtools
-Vue Devtools
+<h1>
+Vue DevTools <sup>Preview</sup>
+</h1>
+
+## 📖 Introduction
+
+`vite-plugin-vue-devtools` is a Vite plugin designed to enhance the Vue developer experience.
+
+<!-- <p>
+  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/1">💡 Ideas & Suggestions</a> |
+  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2">🗺️ Project Roadmap</a> |
+</p> -->
+
+
+## 📦 Installation
+
+```
+
+# vite-plugin-vue-devtools 
+
+pnpm install vite-plugin-vue-devtools -D
+
+```
+
+## 🦄 Usage
+
+### Configuration Vite
+
+```ts
+import { defineConfig } from 'vite'
+import VueDevtools from 'vite-plugin-vue-devtools'
+
+export default defineConfig({
+  plugins: [
+    VueDevtools(),
+    vue(),
+  ],
+})
+```
+
+## 💡 Notice
+
+- Only available in development mode.
+- Only support Vue3.0+.
+- Doesn't support SSR (If you're using Nuxt, use [nuxt/devtools](https://github.com/nuxt/devtools) directly).
+
+## 🌸 Credits
+
+- This project is highly inspired by [nuxt/devtools](https://github.com/nuxt/devtools).
+
+## 📄 License
+
+[MIT LICENSE](./LICENSE)
+

package/dist/client/assets/{VCard-925fd18d.js → VCard-2c64c235.js}

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

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js → VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js}

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

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js → VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.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-80f8bde5.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-ecdbdbf3.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-36f4f0da.js → VPanelGrids-258e71bf.js}

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

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js → VTextInput.vue_vue_type_script_setup_true_lang-bf165828.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.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-80f8bde5.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.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-ecdbdbf3.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-7346f6ac.js → __inspecting-ac0f47cd.js}

@@ -1,5 +1,5 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
-import { d as defineComponent, aD as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aE as useDevtoolsClient } from './index-80f8bde5.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-258e71bf.js';
+import { d as defineComponent, aD as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aE as useDevtoolsClient } from './index-ecdbdbf3.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{assets-ffdb6a2d.js → assets-16670a42.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
-import { _ as __unplugin_components_7 } from './VCard-925fd18d.js';
-import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
-import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, ao as mergeProps, ap as resolveDynamicComponent, Q 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, R as computed, t as toDisplayString, n as normalizeClass, at as useStyleTag, O 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-80f8bde5.js';
-import { r as rpc } from './rpc-89874498.js';
-import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-258e71bf.js';
+import { _ as __unplugin_components_7 } from './VCard-2c64c235.js';
+import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js';
+import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, ao as mergeProps, ap as resolveDynamicComponent, Q 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, R as computed, t as toDisplayString, n as normalizeClass, at as useStyleTag, O 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-ecdbdbf3.js';
+import { r as rpc } from './rpc-ff946cbe.js';
+import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-bf165828.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js';
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{components-539f2105.js → components-d61f66d3.js}

@@ -1,6 +1,6 @@
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-5e9186fe.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, Q as ref, ak 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, al as onVueInstanceUpdate, b as createVNode, w as withCtx, a3 as reactive, am as instance } from './index-80f8bde5.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-aae37be3.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, Q as ref, ak 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, al as onVueInstanceUpdate, b as createVNode, w as withCtx, a3 as reactive, am as instance } from './index-ecdbdbf3.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js';
 
 class ComponentFilter {
   filter;
@@ -595,7 +595,13 @@ const _hoisted_1 = {
   "h-screen": "",
   "n-panel-grids": ""
 };
-const _hoisted_2 = { "p-2": "" };
+const _hoisted_2 = {
+  "h-screen": "",
+  "select-none": "",
+  "overflow-scroll": "",
+  "p-2": "",
+  class: "no-scrollbar"
+};
 const _hoisted_3 = {
   "h-screen": "",
   "select-none": "",

package/dist/client/assets/{graph-f60fd04d.js → graph-06e5c153.js}

@@ -1,6 +1,6 @@
-import { Q as ref, a7 as useStorage, R 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-80f8bde5.js';
+import { Q as ref, a7 as useStorage, R 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-ecdbdbf3.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-89874498.js';
+import { r as rpc } from './rpc-ff946cbe.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");

package/dist/client/assets/{index-80f8bde5.js → index-ecdbdbf3.js}

@@ -14102,17 +14102,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-9c2f9940.js'),true?["./timeline-9c2f9940.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./VPanelGrids-36f4f0da.js","./VCard-925fd18d.js"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-e7c6c8b0.js'),true?["./settings-e7c6c8b0.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-43e30c86.js'),true?["./routes-43e30c86.js","./VPanelGrids-36f4f0da.js","./VCard-925fd18d.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-c53b0b14.js'),true?["./pinia-c53b0b14.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-45f5a59a.js'),true?["./pages-45f5a59a.js","./VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-ab9a2b0b.js'),true?["./overview-ab9a2b0b.js","./VPanelGrids-36f4f0da.js","./rpc-89874498.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-1ec95d81.js'),true?["./inspect-1ec95d81.js","./rpc-89874498.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-f60fd04d.js'),true?["./graph-f60fd04d.js","./fuse.esm-c317b696.js","./rpc-89874498.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-539f2105.js'),true?["./components-539f2105.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-ffdb6a2d.js'),true?["./assets-ffdb6a2d.js","./VPanelGrids-36f4f0da.js","./VCard-925fd18d.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./rpc-89874498.js","./VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-7346f6ac.js'),true?["./__inspecting-7346f6ac.js","./VPanelGrids-36f4f0da.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-32808aaa.js'),true?["./timeline-32808aaa.js","./splitpanes.es-aae37be3.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js","./VPanelGrids-258e71bf.js","./VCard-2c64c235.js"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-0b0be9f6.js'),true?["./settings-0b0be9f6.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js","./VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-2f7ef553.js'),true?["./routes-2f7ef553.js","./VPanelGrids-258e71bf.js","./VCard-2c64c235.js","./splitpanes.es-aae37be3.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-704b2690.js'),true?["./pinia-704b2690.js","./splitpanes.es-aae37be3.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-8bbcb7f6.js'),true?["./pages-8bbcb7f6.js","./VTextInput.vue_vue_type_script_setup_true_lang-bf165828.js","./VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-8074b6b6.js'),true?["./overview-8074b6b6.js","./VPanelGrids-258e71bf.js","./rpc-ff946cbe.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-debc5551.js'),true?["./inspect-debc5551.js","./rpc-ff946cbe.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-06e5c153.js'),true?["./graph-06e5c153.js","./fuse.esm-c317b696.js","./rpc-ff946cbe.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./components-d61f66d3.js'),true?["./components-d61f66d3.js","./splitpanes.es-aae37be3.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./assets-16670a42.js'),true?["./assets-16670a42.js","./VPanelGrids-258e71bf.js","./VCard-2c64c235.js","./VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js","./rpc-ff946cbe.js","./VTextInput.vue_vue_type_script_setup_true_lang-bf165828.js","./VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-ac0f47cd.js'),true?["./__inspecting-ac0f47cd.js","./VPanelGrids-258e71bf.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! */

package/dist/client/assets/{inspect-1ec95d81.js → inspect-debc5551.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, a2 as useColorMode, Q as ref, R 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-80f8bde5.js';
-import { i as inspectClientUrl } from './rpc-89874498.js';
+import { d as defineComponent, a2 as useColorMode, Q as ref, R 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-ecdbdbf3.js';
+import { i as inspectClientUrl } from './rpc-ff946cbe.js';
 
 const iframeCacheMap = /* @__PURE__ */ new Map();
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{overview-ab9a2b0b.js → overview-8074b6b6.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-36f4f0da.js';
-import { Q as ref, R as computed, $ 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, a0 as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, a1 as __unplugin_components_0, P as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-80f8bde5.js';
-import { r as rpc } from './rpc-89874498.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-258e71bf.js';
+import { Q as ref, R as computed, $ 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, a0 as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, a1 as __unplugin_components_0, P as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-ecdbdbf3.js';
+import { r as rpc } from './rpc-ff946cbe.js';
 
-const version = "0.0.1-alpha.7";
+const version = "0.0.1-alpha.9";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-45f5a59a.js → pages-8bbcb7f6.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.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, J as router, z as isRef, B as withKeys, $ as routes } from './index-80f8bde5.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-bf165828.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, J as router, z as isRef, B as withKeys, $ as routes } from './index-ecdbdbf3.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js';
 
 const _hoisted_1$2 = {
   block: "",

package/dist/client/assets/{pinia-c53b0b14.js → pinia-704b2690.js}

@@ -1,6 +1,6 @@
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-5e9186fe.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-80f8bde5.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-aae37be3.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-ecdbdbf3.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/{routes-43e30c86.js → routes-2f7ef553.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
-import { _ as __unplugin_components_7 } from './VCard-925fd18d.js';
-import { d as defineComponent, 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-80f8bde5.js';
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-5e9186fe.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-258e71bf.js';
+import { _ as __unplugin_components_7 } from './VCard-2c64c235.js';
+import { d as defineComponent, 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, m as createCommentVNode, P as __unplugin_components_1 } from './index-ecdbdbf3.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-aae37be3.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -58,19 +58,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, [
                           createTextVNode(toDisplayString(item.path) + " ", 1),
                           (openBlock(true), createElementBlock(Fragment, null, renderList(item.tags, (tag, childIndex) => {
-                            return openBlock(), createBlock(_component_VBadge, {
-                              key: childIndex,
-                              "text-black": "",
-                              style: normalizeStyle({
-                                backgroundColor: `#${tag.bgColor.toString(16)}`
-                              })
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(tag.label), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["style"]);
-                          }), 128))
+                            return openBlock(), createElementBlock(Fragment, null, [
+                              tag.label ? (openBlock(), createBlock(_component_VBadge, {
+                                key: childIndex,
+                                "text-black": "",
+                                style: normalizeStyle({
+                                  backgroundColor: `#${tag.bgColor.toString(16)}`
+                                })
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(tag.label), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["style"])) : createCommentVNode("", true)
+                            ], 64);
+                          }), 256))
                         ], 2)
                       ])
                     ], 10, _hoisted_3);

package/dist/client/assets/{rpc-89874498.js → rpc-ff946cbe.js}

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

package/dist/client/assets/{settings-e7c6c8b0.js → settings-0b0be9f6.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.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-80f8bde5.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.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-ecdbdbf3.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-7396a93b.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-5e9186fe.js → splitpanes.es-aae37be3.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.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, an as h, v as renderSlot, O as normalizeStyle } from './index-80f8bde5.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.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, an as h, v as renderSlot, O as normalizeStyle } from './index-ecdbdbf3.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VExpandIcon",

package/dist/client/assets/{timeline-9c2f9940.js → timeline-32808aaa.js}

@@ -1,8 +1,8 @@
-import { g, M, _ as _sfc_main$2 } from './splitpanes.es-5e9186fe.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
-import { _ as __unplugin_components_7 } from './VCard-925fd18d.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-80f8bde5.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { g, M, _ as _sfc_main$2 } from './splitpanes.es-aae37be3.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-258e71bf.js';
+import { _ as __unplugin_components_7 } from './VCard-2c64c235.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-ecdbdbf3.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-8f4aa88f.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-80f8bde5.js"></script>
+  <script type="module" crossorigin src="./assets/index-ecdbdbf3.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.7",
+  "version": "0.0.1-alpha.9",
   "packageManager": "pnpm@7.30.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
@@ -17,8 +17,7 @@
     "vue-devtools",
     "vite-plugin",
     "vite-plugin-vue-devtools",
-    "vue",
-    "vite"
+    "dx"
   ],
   "exports": {
     ".": {
@@ -58,6 +57,7 @@
     "sirv": "^2.0.2",
     "splitpanes": "^3.1.5",
     "vite-hot-client": "^0.2.1",
+    "vite-plugin-inspect": "^0.7.23",
     "vite-plugin-vue-inspector": "^3.4.1",
     "vue-router": "^4.1.6"
   },
@@ -95,7 +95,6 @@
     "vis-network": "^9.1.6",
     "vite": "^4.3.1",
     "vite-dev-rpc": "^0.1.2",
-    "vite-plugin-inspect": "^0.7.23",
     "vite-plugin-pages": "^0.29.0",
     "vue": "^3.2.47"
   }

package/src/node/Container.vue

@@ -20,6 +20,7 @@ const panelState = ref({
 })
 const panelVisible = ref(false)
 const hookBuffer = []
+let isAppCreated = false
 const panelStyle = computed(() => {
   if (panelState.value.viewMode === 'component-inspector') {
     return {
@@ -118,8 +119,8 @@ function disableComponentInspector() {
     panelState.value.viewMode = 'default'
 }
 
-function waitForClientInjection(retry = 30, timeout = 200) {
-  const test = () => !!iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__
+function waitForClientInjection(retry = 50, timeout = 200) {
+  const test = () => !!iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__ && isAppCreated
 
   if (test())
     return
@@ -200,6 +201,9 @@ function collectHookBuffer() {
     hookBuffer.push([DevtoolsHooks.APP_INIT, {
       app,
     }])
+    setTimeout(() => {
+      isAppCreated = true
+    }, 80)
   })
 
   props.hook.on(DevtoolsHooks.PERF_START, (app, uid, component, type, time) => {