vite-plugin-vue-devtools 1.0.0-rc.2 → 1.0.0-rc.4

package/README.md

@@ -12,6 +12,7 @@ English | <a href="./README.zh-CN.md">简体中文</a>
 <p align="center">
   <a href="https://www.npmjs.com/package/vite-plugin-vue-devtools" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/npm/v/vite-plugin-vue-devtools" alt="NPM Version" /></a>
   <a href="https://www.npmjs.com/package/vite-plugin-vue-devtools" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/npm/dt/vite-plugin-vue-devtools" alt="NPM Downloads" /></a>
+  <a href="https://www.npmjs.com/package/vite-plugin-vue-devtools" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/node/v/vite-plugin-vue-devtools" alt="Node Compatibility" /></a>
  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/blob/main/LICENSE" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/github/license/webfansplz/vite-plugin-vue-devtools" alt="License" /></a>
 </p>
 
@@ -55,7 +56,7 @@ Assets tab that shows all your static assets and their information. You can open
 
 ### Timeline
 
-Timeline tab has three categories: Performance, Router Navigations, and Pinia. You can switch between them to see the state changes and timelines.
+Timeline tab has three categories: Performance, Router Navigations, and [Pinia](https://github.com/vuejs/pinia). You can switch between them to see the state changes and timelines.
 
 <img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/timeline.png" />
 
@@ -79,7 +80,7 @@ Graph tab provides a graph view that show the relationship between components.
 
 ### Inspect
 
-Inspect expose the [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) integration, allowing you to inspect transformation steps of Vite. It can be helpful to understand how each plugin is transforming your code and spot potential issues.
+Inspect expose the [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) integration, allowing you to inspect transformation steps of [Vite](https://vitejs.dev/). It can be helpful to understand how each plugin is transforming your code and spot potential issues.
 
 <img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspect.png" />
 

package/README.zh-CN.md

@@ -55,7 +55,7 @@ Vue DevTools <sup>预览</sup>
 
 ### Timeline
 
-`Timeline` 选项卡包含三个类别：性能、路由导航和 Pinia，您可以在它们之间切换以查看状态变化和时间线。
+`Timeline` 选项卡包含三个类别：性能、路由导航和 [Pinia](https://github.com/vuejs/pinia)，您可以在它们之间切换以查看状态变化和时间线。
 
 <img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/timeline.png" />
 
@@ -79,13 +79,13 @@ Vue DevTools <sup>预览</sup>
 
 ### Inspect
 
-`Inspect` 公开 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) 集成，允许您检查 Vite 的转换步骤，了解每个插件如何改变您的代码并发现潜在问题可能会有所帮助。
+`Inspect` 公开 [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) 集成，允许您检查 [Vite](https://vitejs.dev/) 的转换步骤，了解每个插件如何改变您的代码并发现潜在问题可能会有所帮助。
 
 <img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspect.png" />
 
 ### Inspector
 
-您还可以使用 `Inspector` 功能来检查 `DOM` 树并查看哪个组件正在渲染它，单击可转到特定行的编辑器，使更改变得更加容易，而无需彻底了解项目结构。 (该功能基于 [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector))
+您还可以使用 `Inspector` 功能来检查 `DOM` 树并查看哪个组件正在渲染它，单击可转到编辑器的特定行，使更改变得更加容易，而无需彻底了解项目结构。 (该功能基于 [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector))
 
 <img src="https://github.com/webfansplz/vite-plugin-vue-devtools/raw/main/screenshots/inspector.png" height=450 />
 
@@ -150,7 +150,7 @@ interface VitePluginVueDevToolsOptions {
 - 仅在 `开发模式` 下可用。
 - 仅支持 `Vue3.0+` 。
 - 仅支持单实例 `Vue` 应用程序。
-- 不支持 `SSR` (如果您使用 `Nuxt` ，请使用 [nuxt/devtools](https://github.com/nuxt/devtools))。
+- 不支持 `SSR` （如果您使用 `Nuxt` ，请使用 [nuxt/devtools](https://github.com/nuxt/devtools)）。
 - 该插件遵循 `Vue` 的 `DevTools` 配置，因此如果您配置了 `hide` 选项，它也将应用于该插件。例如
 
   ```js

package/dist/client/assets/{DrawerRight.vue_vue_type_script_setup_true_lang-51475cef.js → DrawerRight.vue_vue_type_script_setup_true_lang-c5e61967.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js';
-import { v as defineComponent, a$ as ref, cE as useElementSize, cd as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition } from './index-51e380e6.js';
+import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-0986c643.js';
+import { v as defineComponent, a$ as ref, cE as useElementSize, cd as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition } from './index-e9eb3ad5.js';
 
 const _hoisted_1 = {
   relative: "",

package/dist/client/assets/{Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js → Icon.vue_vue_type_script_setup_true_lang-66500aa3.js}

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

package/dist/client/assets/{IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js → IconButton.vue_vue_type_script_setup_true_lang-0986c643.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-51e380e6.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-66500aa3.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-e9eb3ad5.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",

package/dist/client/assets/{IconTitle.vue_vue_type_script_setup_true_lang-7e44f67f.js → IconTitle.vue_vue_type_script_setup_true_lang-6c8cd627.js}

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

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-21a4afa9.js → IframeView.vue_vue_type_script_setup_true_lang-960de27c.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cs as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-51e380e6.js';
+import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cs as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-e9eb3ad5.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -30,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (iframeCacheMap.get(key.value)) {
         iframeEl.value = iframeCacheMap.get(key.value);
         iframeEl.value.style.visibility = "visible";
+        iframeLoaded.value = true;
       } else {
         iframeEl.value = document.createElement("iframe");
         iframeCacheMap.set(key.value, iframeEl.value);
@@ -52,10 +53,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watchEffect(updateIframeBox);
     watchEffect(syncColorMode);
     onUnmounted(() => {
-      if (iframeEl.value) {
+      if (iframeEl.value)
         iframeEl.value.style.visibility = "hidden";
-        iframeLoaded.value = false;
-      }
     });
     function syncColorMode() {
       if (!iframeEl.value || !iframeEl.value.contentWindow)

package/dist/client/assets/{PanelGrids-432bddc5.js → PanelGrids-b286bc3a.js}

@@ -1,4 +1,4 @@
-import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-51e380e6.js';
+import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-e9eb3ad5.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{SectionBlock-deaf9b55.js → SectionBlock-0efb0258.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-7e44f67f.js';
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
-import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-51e380e6.js';
+import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-6c8cd627.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-66500aa3.js';
+import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-e9eb3ad5.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-e966339e"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["open"];

package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-b537a695.js → StateFields.vue_vue_type_script_setup_true_lang-9d374998.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cw as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cx as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cy as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-51e380e6.js';
-import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-c93154b0.js';
-import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js';
+import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-66500aa3.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cw as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cx as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cy as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-e9eb3ad5.js';
+import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-645ed09c.js';
+import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-0986c643.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ExpandIcon",

package/dist/client/assets/{Switch.vue_vue_type_script_setup_true_lang-f5874ec0.js → Switch.vue_vue_type_script_setup_true_lang-1cb456df.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-51e380e6.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-66500aa3.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-e9eb3ad5.js';
 
 const _hoisted_1$1 = { 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$1 = ["disabled"];

package/dist/client/assets/{TextInput.vue_vue_type_script_setup_true_lang-4b26bae9.js → TextInput.vue_vue_type_script_setup_true_lang-f48c06e7.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-51e380e6.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-66500aa3.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-e9eb3ad5.js';
 
 const _hoisted_1 = { class: "n-text-input flex flex items-center border n-border-base rounded py-1 pl-1 pr-2 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{__eyedropper-f873503e.js → __eyedropper-64cf5368.js}

@@ -1,6 +1,6 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-432bddc5.js';
-import { v as defineComponent, cF as useRouter, a$ as ref, a1 as computed, cw as useCopy, cj as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c5 as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-51e380e6.js';
-import { h as checkIsSecurityContext } from './index-c93154b0.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-b286bc3a.js';
+import { v as defineComponent, cF as useRouter, a$ as ref, a1 as computed, cw as useCopy, cj as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c5 as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-e9eb3ad5.js';
+import { h as checkIsSecurityContext } from './index-645ed09c.js';
 
 const _hoisted_1 = {
   key: 0
@@ -76,13 +76,13 @@ const _sfc_main = /*#__PURE__*/defineComponent({
         content = createVNode("p", null, [createTextVNode("EyeDropper is not available due to "), createVNode("a", {
           "class": "text-primary transition-colors hover:text-primary/80",
           "href": "https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts",
-          "target": '_blank'
+          "target": "_blank"
         }, [createTextVNode("secure context")]), createTextVNode(" restrict.")]);
       } else if (!supportEyeDropper) {
         content = createVNode("p", null, [createTextVNode("Your browser doesn't support\xA0"), createVNode("a", {
           "class": "text-primary transition-colors hover:text-primary/80",
           "href": "https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper#browser_compatibility",
-          "target": '_blank'
+          "target": "_blank"
         }, [createTextVNode("EyeDropper")]), createTextVNode(".")]);
       }
       return createVNode("div", {