vite-plugin-vue-devtools 0.4.10 → 0.4.12

package/README.md

@@ -8,8 +8,8 @@ Vue DevTools <sup>Preview</sup>
 
 <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://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> -->
+  <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://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>
 
 <p align="center">
@@ -153,6 +153,13 @@ interface VitePluginVueDevToolsOptions {
 
 - [vuejs/devtools](https://github.com/vuejs/devtools)
 
+
+## 👨‍💻 Contributors
+
+<a href="https://github.com/webfansplz/vite-plugin-vue-devtools/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=webfansplz/vite-plugin-vue-devtools" />   
+</a>    
+
 ## 📄 License
 
 [MIT LICENSE](./LICENSE)

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-e86027e5.js → IframeView.vue_vue_type_script_setup_true_lang-97a0e754.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, cj as useColorMode, a$ as ref, a1 as computed, aZ as reactive, ck 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-b8a9099c.js';
+import { v as defineComponent, cm as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cn 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-d268ce4d.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-a78e5cb0.js → StateFields.vue_vue_type_script_setup_true_lang-dd6974e1.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-82a30fea.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cn as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, co as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-b8a9099c.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-07396aec.js';
-import { _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-fe1578eb.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cq as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cr as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-d268ce4d.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-fb7e673c.js';
+import { _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VExpandIcon",
@@ -25,7 +25,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-function getFuntionDetails(func) {
+function getFunctionDetails(func) {
   let string = "";
   let matches = null;
   try {
@@ -65,7 +65,7 @@ function formatStateType(value) {
     return {
       rawType: "function",
       recursive: false,
-      value: getFuntionDetails(value)
+      value: getFunctionDetails(value)
     };
   } else if (typeof value === "bigint") {
     const stringifiedBigInt = BigInt.prototype.toString.call(value);
@@ -81,13 +81,13 @@ function formatStateType(value) {
       recursive: false,
       value: "NaN"
     };
-  } else if (value === Infinity) {
+  } else if (value === Number.POSITIVE_INFINITY) {
     return {
       rawType: "literal",
       recursive: false,
       value: "Infinity"
     };
-  } else if (value === -Infinity) {
+  } else if (value === Number.NEGATIVE_INFINITY) {
     return {
       rawType: "literal",
       recursive: false,

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-82a30fea.js → VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js}

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

package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-fe1578eb.js → VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-82a30fea.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-b8a9099c.js';
+import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-53c720d3.js → VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.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-b8a9099c.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-d268ce4d.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-dc69b639.js → VPanelGrids-ea9ac4bd.js}

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

package/dist/client/assets/{VSectionBlock-57ec7b68.js → VSectionBlock-0d870ae2.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './VIconTitle.vue_vue_type_script_setup_true_lang-53c720d3.js';
-import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-82a30fea.js';
-import { v as defineComponent, bH 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, bK as _export_sfc } from './index-b8a9099c.js';
+import { _ as _sfc_main$1 } from './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
+import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["open"];

package/dist/client/assets/VSwitch.vue_vue_type_script_setup_true_lang-dc4a336f.js

@@ -0,0 +1,88 @@
+import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.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"];
+const _hoisted_3$1 = {
+  key: 0,
+  value: "",
+  disabled: "",
+  hidden: ""
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "VSelect",
+  props: {
+    modelValue: { default: void 0 },
+    placeholder: { default: "" },
+    icon: { default: "" },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const input = useVModel(props, "modelValue", emit, { passive: true });
+    return (_ctx, _cache) => {
+      const _component_VIcon = _sfc_main$2;
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        renderSlot(_ctx.$slots, "icon", {}, () => [
+          _ctx.icon ? (openBlock(), createBlock(_component_VIcon, {
+            key: 0,
+            icon: _ctx.icon,
+            class: "mr-0.4em text-1.1em op50"
+          }, null, 8, ["icon"])) : createCommentVNode("", true)
+        ]),
+        withDirectives(createBaseVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(input) ? input.value = $event : null),
+          disabled: _ctx.disabled,
+          class: "w-full flex-auto n-bg-base !outline-none"
+        }, [
+          _ctx.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$1, toDisplayString(_ctx.placeholder), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ], 8, _hoisted_2$1), [
+          [vModelSelect, unref(input)]
+        ])
+      ]);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+const _hoisted_1 = ["checked", "disabled"];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("div", { class: "n-switch-slider n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition" }, [
+  /* @__PURE__ */ createBaseVNode("div", { class: "n-checked:n-switch-thumb-checked n-switch-thumb n-transition" })
+], -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VSwitch",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props, { emit }) {
+    const props = __props;
+    const checked = useVModel(props, "modelValue", emit, { passive: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: "n-switch n-switch-base cursor-pointer n-disabled:n-disabled",
+        checked: unref(checked) || null,
+        disabled: _ctx.disabled || null
+      }, [
+        withDirectives(createBaseVNode("input", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(checked) ? checked.value = $event : null),
+          type: "checkbox",
+          class: "peer absolute op0",
+          disabled: _ctx.disabled,
+          onKeypress: _cache[1] || (_cache[1] = withKeys(($event) => checked.value = !unref(checked), ["enter"]))
+        }, null, 40, _hoisted_2), [
+          [vModelCheckbox, unref(checked)]
+        ]),
+        _hoisted_3,
+        renderSlot(_ctx.$slots, "default")
+      ], 8, _hoisted_1);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+export { _sfc_main as _, _sfc_main$1 as a };

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-c7c2878d.js → VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-82a30fea.js';
-import { v as defineComponent, bH 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-b8a9099c.js';
+import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.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-41422dc8.js

@@ -0,0 +1,132 @@
+import { _ as __unplugin_components_0 } from './VPanelGrids-ea9ac4bd.js';
+import { v as defineComponent, cz as useRouter, a$ as ref, cd 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, cl as useDevtoolsClient, bY as useFrameState, u as createVNode } from './index-d268ce4d.js';
+import { h as checkIsSecurityContext } from './index-fb7e673c.js';
+
+const _hoisted_1 = {
+  key: 0
+};
+const _hoisted_2 = {
+  key: 0
+};
+const _hoisted_3 = {
+  key: 1,
+  flex: "",
+  "items-center": ""
+};
+const _hoisted_4 = {
+  flex: "",
+  "items-center": ""
+};
+const _hoisted_5 = /*#__PURE__*/createBaseVNode("i", {
+  class: "i-mdi:eyedropper",
+  "text-3": ""
+}, null, -1);
+const _hoisted_6 = [_hoisted_5];
+const _sfc_main = /*#__PURE__*/defineComponent({
+  __name: '__eyedropper',
+  setup(__props) {
+    const client = useDevtoolsClient();
+    const frameState = useFrameState();
+    const router = useRouter();
+    const color = ref('');
+    useEventListener('keydown', e => {
+      if (e.key === 'Escape') close();
+    });
+    function close() {
+      client.value?.panel?.toggleViewMode();
+      router.replace(frameState.route.value);
+    }
+    const inSecurityContext = checkIsSecurityContext();
+    // @ts-expect-error missing types
+    const supportEyeDropper = !!window.EyeDropper;
+    const isSupported = inSecurityContext && supportEyeDropper;
+    async function open() {
+      if (!isSupported) return;
+      // @ts-expect-error missing types?
+      const eyeDropper = new EyeDropper();
+      return eyeDropper.open();
+    }
+    async function restart() {
+      color.value = '';
+      open().then(res => {
+        color.value = res.sRGBHex;
+      });
+    }
+    onMounted(() => {
+      open().then(res => {
+        color.value = res.sRGBHex;
+      });
+    });
+    function ErrorBoundary() {
+      let content = createVNode("div", null, null);
+      if (!inSecurityContext) {
+        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'
+        }, [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'
+        }, [createTextVNode("EyeDropper")]), createTextVNode(".")]);
+      }
+      return createVNode("div", {
+        "class": "flex items-center justify-center text-12px"
+      }, [content]);
+    }
+    return (_ctx, _cache) => {
+      const _component_VPanelGrids = __unplugin_components_0;
+      return openBlock(), createBlock(_component_VPanelGrids, {
+        "h-screen": "",
+        "w-screen": "",
+        px5: ""
+      }, {
+        default: withCtx(() => [createBaseVNode("div", {
+          absolute: "",
+          "right-0": "",
+          "top-0": "",
+          p2: ""
+        }, [createBaseVNode("button", {
+          "carbon-close": "",
+          ma: "",
+          "text-xl": "",
+          op50: "",
+          "hover:op100": "",
+          onClick: close
+        })]), unref(isSupported) ? (openBlock(), createElementBlock("div", _hoisted_1, [!unref(color) ? (openBlock(), createElementBlock("div", _hoisted_2, " Launching EyeDropper ")) : (openBlock(), createElementBlock("div", _hoisted_3, [createBaseVNode("span", _hoisted_4, [createBaseVNode("em", {
+          "mr-2": "",
+          "inline-block": "",
+          "h-5": "",
+          "w-5": "",
+          border: "",
+          "border-base": "",
+          rounded: "",
+          style: normalizeStyle({
+            backgroundColor: unref(color)
+          })
+        }, null, 4), createTextVNode(" : " + toDisplayString(unref(color)), 1)]), createBaseVNode("span", {
+          "ml-2": "",
+          flex: "",
+          "cursor-pointer": "",
+          "items-center": "",
+          border: "",
+          "border-base": "",
+          "rounded-10": "",
+          "p-2": "",
+          hover: "bg-active",
+          onClick: restart
+        }, _hoisted_6)]))])) : (openBlock(), createBlock(ErrorBoundary, {
+          key: 1
+        }))]),
+        _: 1
+      });
+    };
+  }
+});
+/* Injected with object hook! */
+
+/* Injected with object hook! */
+
+export { _sfc_main as default };

package/dist/client/assets/{assets-2b8518ac.js → assets-fc847d7b.js}

@@ -1,12 +1,12 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-dc69b639.js';
-import { v as defineComponent, a$ as ref, cp as useElementSize, cq 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, a1 as computed, y as toDisplayString, q as normalizeClass, cr as useStyleTag, l as normalizeStyle, cs as computedAsync, cn as useCopy, ct as useTimeAgo, F as Fragment, a9 as createTextVNode, bL as _sfc_main$a, cu as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-b8a9099c.js';
-import { _ as _sfc_main$9 } from './VIconButton.vue_vue_type_script_setup_true_lang-fe1578eb.js';
-import { r as rpc } from './rpc-cf3bd0fc.js';
-import { _ as __unplugin_components_3 } from './VSectionBlock-57ec7b68.js';
-import { _ as _sfc_main$b } from './VTextInput.vue_vue_type_script_setup_true_lang-c7c2878d.js';
-import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-82a30fea.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-ea9ac4bd.js';
+import { v as defineComponent, a$ as ref, cs as useElementSize, ct 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, a1 as computed, y as toDisplayString, q as normalizeClass, cu as useStyleTag, l as normalizeStyle, cv as computedAsync, cq as useCopy, cw as useTimeAgo, F as Fragment, a9 as createTextVNode, cl as useDevtoolsClient, bL as _sfc_main$a, cx as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-d268ce4d.js';
+import { _ as _sfc_main$9 } from './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
+import { r as rpc } from './rpc-6c4cc8d5.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-0d870ae2.js';
+import { _ as _sfc_main$b } from './VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js';
+import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-53c720d3.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
 
 const _hoisted_1$7 = {
   relative: "",
@@ -943,6 +943,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "font"
       ].includes(props.asset.type);
     });
+    const client = useDevtoolsClient();
     return (_ctx, _cache) => {
       const _component_AssetPreview = _sfc_main$5;
       const _component_FilepathItem = _sfc_main$7;
@@ -974,7 +975,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_FilepathItem, {
                     filepath: _ctx.asset.filePath,
                     "text-left": ""
-                  }, null, 8, ["filepath"])
+                  }, null, 8, ["filepath"]),
+                  createVNode(_component_VIconButton, {
+                    "flex-none": "",
+                    title: "Open in Editor",
+                    icon: "carbon-launch",
+                    onClick: _cache[0] || (_cache[0] = ($event) => unref(client).openInEditor(_ctx.asset.filePath))
+                  })
                 ])
               ])
             ]),
@@ -987,7 +994,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     "flex-none": "",
                     title: "Copy public path",
                     icon: "carbon-copy",
-                    onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)(_ctx.asset.publicPath))
+                    onClick: _cache[1] || (_cache[1] = ($event) => unref(copy)(_ctx.asset.publicPath))
                   }),
                   createVNode(_component_VIconButton, {
                     "flex-none": "",