vite-plugin-vue-devtools 0.4.5 → 0.4.7

package/dist/client/assets/{pinia-a7d4272d.js → pinia-8c6ed567.js}

@@ -1,9 +1,9 @@
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-7f1db859.js';
-import { g, M } from './splitpanes.es-a84fc7b8.js';
-import { v as defineComponent, a1 as ref, a2 as computed, a3 as piniaStoresCategory, a4 as toRaw, a5 as piniaState, a6 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-bdd28d2d.js';
-import { p as pick } from './index-24772eab.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-5cf9518d.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-429a5f16.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-6969f024.js';
+import { g, M } from './splitpanes.es-2be998f1.js';
+import { v as defineComponent, a1 as ref, a2 as computed, a3 as piniaStoresCategory, a4 as toRaw, a5 as piniaState, a6 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-233a79fb.js';
+import { p as pick } from './index-8d0405da.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-41c110ef.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-a89f6c88.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/{routes-03fdcf34.js → routes-64dbd0f9.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-71cdc426.js';
-import { v as defineComponent, z as unref, W as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, X as routeRecordMatcherState, Y as activeRouteRecordMatcherState, c as createBlock, V as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, Z as activeRouteRecordIndex, $ as toggleRouteRecordMatcher, P as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, a0 as __unplugin_components_1 } from './index-bdd28d2d.js';
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-7f1db859.js';
-import { g, M } from './splitpanes.es-a84fc7b8.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-5cf9518d.js';
-import './index-24772eab.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-429a5f16.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-24560813.js';
+import { v as defineComponent, z as unref, W as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, X as routeRecordMatcherState, Y as activeRouteRecordMatcherState, c as createBlock, V as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, Z as activeRouteRecordIndex, $ as toggleRouteRecordMatcher, P as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, a0 as __unplugin_components_1 } from './index-233a79fb.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-6969f024.js';
+import { g, M } from './splitpanes.es-2be998f1.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-41c110ef.js';
+import './index-8d0405da.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-a89f6c88.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{rpc-11624dba.js → rpc-358fc96c.js}

@@ -1,4 +1,4 @@
-import { aI as __vitePreload, ae as hookApi } from './index-bdd28d2d.js';
+import { aI as __vitePreload, ae as hookApi } from './index-233a79fb.js';
 
 async function getViteClient(base = "/", warning = true) {
   try {

package/dist/client/assets/{settings-e508fcbd.js → settings-5fd1add1.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-5cf9518d.js';
-import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, O as isInPopup, h as withCtx, P as createTextVNode, Q as useDevToolsSettings, R as useFrameState, S as _sfc_main$5, T as _sfc_main$6, U as _sfc_main$7, q as normalizeClass, V as _sfc_main$8 } from './index-bdd28d2d.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-8eeb6f8e.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-41c110ef.js';
+import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, O as isInPopup, h as withCtx, P as createTextVNode, Q as useDevToolsSettings, R as useFrameState, S as _sfc_main$5, T as _sfc_main$6, U as _sfc_main$7, q as normalizeClass, V as _sfc_main$8 } from './index-233a79fb.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-d3431291.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-a84fc7b8.js → splitpanes.es-2be998f1.js}

@@ -1,4 +1,4 @@
-import { ay as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-bdd28d2d.js';
+import { ay as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-233a79fb.js';
 
 const M = {
   name: "splitpanes",

package/dist/client/assets/{timeline-9bb4ffc4.js → timeline-0c017176.js}

@@ -1,11 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-7f1db859.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-71cdc426.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-bdd28d2d.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-6969f024.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-24560813.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-233a79fb.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-c0d8ada0.js';
-import { g, M } from './splitpanes.es-a84fc7b8.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-5cf9518d.js';
-import './index-24772eab.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-429a5f16.js';
+import { g, M } from './splitpanes.es-2be998f1.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-41c110ef.js';
+import './index-8d0405da.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-a89f6c88.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-bdd28d2d.js"></script>
-  <link rel="stylesheet" href="./assets/index-99f31726.css">
+  <script type="module" crossorigin src="./assets/index-233a79fb.js"></script>
+  <link rel="stylesheet" href="./assets/index-7c5b746a.css">
 </head>
 <body>
   <div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "packageManager": "pnpm@8.4.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",

package/src/node/views/utils.ts

@@ -1,5 +1,5 @@
 import {
-  computed, getCurrentScope, onScopeDispose, ref, toRef, watch, watchEffect,
+  computed, getCurrentScope, onScopeDispose, ref, watch, watchEffect,
 } from 'vue'
 import type { Ref } from 'vue'
 
@@ -31,12 +31,22 @@ export function useObjectStorage<T>(key: string, initial: T, readonly = false):
     }, { deep: true, flush: 'post' })
   }
 
+  const storageChanged = (newValue: string) => {
+    updating = true
+    data.value = JSON.parse(newValue)
+    updating = false
+  }
+
   useWindowEventListener('storage', (e: StorageEvent) => {
-    if (e.key === key && e.newValue && e.newValue !== wrote) {
-      updating = true
-      data.value = JSON.parse(e.newValue)
-      updating = false
-    }
+    if (e.key === key && e.newValue && e.newValue !== wrote)
+      storageChanged(e.newValue)
+  })
+
+  // @ts-expect-error custom event
+  useWindowEventListener('vueuse-storage', (e: CustomEvent) => {
+    const event = e.detail as StorageEvent
+    if (event.key === key && event.newValue && event.newValue !== wrote)
+      storageChanged(event.newValue)
   })
 
   return data
@@ -58,12 +68,22 @@ export function useStorage<T>(key: string, initial: T, readonly = false) {
     }, { deep: true, flush: 'post' })
   }
 
+  const storageChanged = (newValue: string) => {
+    updating = true
+    data.value = newValue
+    updating = false
+  }
+
   useWindowEventListener('storage', (e: StorageEvent) => {
-    if (e.key === key && e.newValue && e.newValue !== wrote) {
-      updating = true
-      data.value = e.newValue
-      updating = false
-    }
+    if (e.key === key && e.newValue && e.newValue !== wrote)
+      storageChanged(e.newValue)
+  })
+
+  // @ts-expect-error custom event
+  useWindowEventListener('vueuse-storage', (e: CustomEvent) => {
+    const event = e.detail as StorageEvent
+    if (event.key === key && event.newValue && event.newValue !== wrote)
+      storageChanged(event.newValue)
   })
 
   return data
@@ -173,7 +193,7 @@ export function useMediaQuery(query: string) {
 
     cleanup()
 
-    mediaQuery = window!.matchMedia(toRef(query).value)
+    mediaQuery = window!.matchMedia(ref(query).value)
     matches.value = !!mediaQuery?.matches
 
     if (!mediaQuery)