vite-plugin-vue-devtools 0.0.1-alpha.1 → 0.0.1-alpha.10

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-71dc6c0a.js → VCard-a170ad08.js}

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

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-527d8187.js → VIcon.vue_vue_type_script_setup_true_lang-a4edf3e5.js}

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

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-e9a02b1e.js → VIconTitle.vue_vue_type_script_setup_true_lang-9439512c.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-bed0f7d1.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-e01add57.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-0fa9ab66.js → VPanelGrids-be68fa6b.js}

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

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-3269f8e0.js → VTextInput.vue_vue_type_script_setup_true_lang-dc4dd54b.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-e9a02b1e.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-527d8187.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, ax as resolveDirective, E as createTextVNode, t as toDisplayString, ay as pushScopeId, az as popScopeId, aw as _export_sfc, aA as vModelDynamic, an as mergeProps, z as isRef } from './index-bed0f7d1.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-9439512c.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-a4edf3e5.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-e01add57.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-e003e6f0.js → __inspecting-4f115373.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-0fa9ab66.js';
-import { d as defineComponent, aC as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aD as useClient } from './index-bed0f7d1.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-be68fa6b.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-e01add57.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "__inspecting",
   setup(__props) {
-    const client = useClient();
+    const client = useDevtoolsClient();
     useEventListener("keydown", (e) => {
       if (e.key === "Escape")
         close();

package/dist/client/assets/{assets-d5f2037f.js → assets-c99f1e16.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-0fa9ab66.js';
-import { _ as __unplugin_components_7 } from './VCard-71dc6c0a.js';
-import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-527d8187.js';
-import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, an as mergeProps, ao as resolveDynamicComponent, P as ref, ap as useElementSize, aq as onClickOutside, c as createElementBlock, e as createBaseVNode, v as renderSlot, u as unref, m as createCommentVNode, ar as Transition, Q as computed, t as toDisplayString, n as normalizeClass, as as useStyleTag, N as normalizeStyle, at as computedAsync, au as useTimeAgo, F as Fragment, E as createTextVNode, _ as _sfc_main$b, av as onKeyDown, z as isRef, r as renderList } from './index-bed0f7d1.js';
-import { r as rpc } from './rpc-9c16d07a.js';
-import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-3269f8e0.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-be68fa6b.js';
+import { _ as __unplugin_components_7 } from './VCard-a170ad08.js';
+import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-a4edf3e5.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-e01add57.js';
+import { r as rpc } from './rpc-37f08871.js';
+import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-dc4dd54b.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-e9a02b1e.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-9439512c.js';
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{components-ce0097f5.js → components-75b28a99.js}

@@ -1,6 +1,6 @@
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-012cdbb8.js';
-import { aa as getInstanceName, ab as classify, ac as kebabize, ad as isFragment, ae as camelize, af as returnError, ag as isBeingDestroyed, ah as getUniqueComponentId, ai as getRenderKey, P as ref, aj as shallowRef, Q as computed, d as defineComponent, W 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, ak as onVueInstanceUpdate, b as createVNode, w as withCtx, a2 as reactive, al as instance } from './index-bed0f7d1.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-527d8187.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-bc19a858.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-e01add57.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-a4edf3e5.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": "",
@@ -646,9 +652,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     onMounted(() => {
-      onVueInstanceUpdate(() => {
-        init();
-        selected.value = "vue-devtools:root";
+      onVueInstanceUpdate((v) => {
+        if (v) {
+          init();
+          selected.value = "vue-devtools:root";
+        }
       });
     });
     return (_ctx, _cache) => {

package/dist/client/assets/{graph-c308dc8c.js → graph-343c0f62.js}

@@ -1,6 +1,6 @@
-import { P as ref, a6 as useStorage, Q as computed, d as defineComponent, o as openBlock, c as createElementBlock, x as withDirectives, a7 as vModelText, u as unref, e as createBaseVNode, z as isRef, A as vModelCheckbox, a8 as useDark, f as onMounted, a9 as watch, b as createVNode } from './index-bed0f7d1.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-e01add57.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-9c16d07a.js';
+import { r as rpc } from './rpc-37f08871.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");