fix(deps): update all non-major dependencies

docs/getting-started/open-in-editor.md

@@ -14,6 +14,7 @@ This is a list of [supported editors](https://github.com/yyx990803/launch-editor
 
 ```ts
 import VueDevTools from 'vite-plugin-vue-devtools'
+
 export default defineConfig({
   plugins: [
     VueDevTools({

docs/help/faq.md

@@ -12,6 +12,7 @@ This is a list of [supported editors](https://github.com/yyx990803/launch-editor
 
 ```ts
 import VueDevTools from 'vite-plugin-vue-devtools'
+
 export default defineConfig({
   plugins: [
     VueDevTools({

docs/package.json

@@ -10,7 +10,7 @@
   "devDependencies": {
     "@unocss/reset": "catalog:",
     "@vueuse/core": "catalog:",
-    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-components": "^28.7.0",
     "vitepress": "1.6.3",
     "vue": "catalog:"
   }

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "7.3.2",
   "private": true,
-  "packageManager": "pnpm@10.7.0",
+  "packageManager": "pnpm@10.12.1",
   "description": "DevTools for Vue.js",
   "author": "webfansplz",
   "license": "MIT",
@@ -73,51 +73,51 @@
     "gen:vue-apis": "tsx ./scripts/vue-api-manifest.ts"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.11.0",
+    "@antfu/eslint-config": "^4.14.1",
     "@antfu/ni": "^25.0.0",
-    "@arethetypeswrong/cli": "^0.17.4",
-    "@clack/prompts": "^0.10.0",
-    "@types/chrome": "^0.0.313",
+    "@arethetypeswrong/cli": "^0.18.2",
+    "@clack/prompts": "^0.11.0",
+    "@types/chrome": "^0.0.326",
     "@types/degit": "^2.8.6",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.13.14",
-    "@typescript-eslint/parser": "^8.28.0",
-    "@typescript-eslint/utils": "^8.28.0",
-    "@unocss/eslint-plugin": "^66.0.0",
+    "@types/node": "^22.15.31",
+    "@typescript-eslint/parser": "^8.34.0",
+    "@typescript-eslint/utils": "^8.34.0",
+    "@unocss/eslint-plugin": "^66.2.0",
     "@vue/devtools-core": "workspace:^",
     "@vue/devtools-kit": "workspace:^",
     "@vue/test-utils": "^2.4.6",
     "archiver": "^7.0.1",
-    "bumpp": "^10.1.0",
+    "bumpp": "^10.1.1",
     "cross-env": "^7.0.3",
     "degit": "^2.8.4",
-    "eslint": "^9.23.0",
+    "eslint": "^9.29.0",
     "eslint-plugin-format": "^1.0.1",
     "eslint-vitest-rule-tester": "^2.2.0",
-    "execa": "^9.5.2",
+    "execa": "^9.6.0",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.0",
-    "jsdom": "^26.0.0",
-    "lint-staged": "^15.5.0",
+    "jsdom": "^26.1.0",
+    "lint-staged": "^15.5.2",
     "npm-run-all2": "^7.0.2",
     "picocolors": "^1.1.1",
-    "pnpm": "^10.7.0",
+    "pnpm": "^10.12.1",
     "progress": "^2.0.3",
-    "publint": "^0.3.9",
+    "publint": "^0.3.12",
     "readdir-glob": "^2.0.1",
     "regex-extra": "^0.2.2",
-    "semver": "^7.7.1",
-    "simple-git-hooks": "^2.12.1",
-    "taze": "^19.0.4",
-    "tsup": "^8.4.0",
-    "tsx": "^4.19.3",
-    "turbo": "^2.4.4",
-    "typescript": "^5.8.2",
-    "unbuild": "3.4.1",
-    "unocss": "^66.0.0",
+    "semver": "^7.7.2",
+    "simple-git-hooks": "^2.13.0",
+    "taze": "^19.1.0",
+    "tsup": "^8.5.0",
+    "tsx": "^4.20.3",
+    "turbo": "^2.5.4",
+    "typescript": "^5.8.3",
+    "unbuild": "3.5.0",
+    "unocss": "^66.2.0",
     "vite": "^6.2.1",
-    "vitest": "^3.0.9",
-    "vue": "^3.5.13"
+    "vitest": "^3.2.3",
+    "vue": "^3.5.16"
   },
   "pnpm": {
     "ignoredBuiltDependencies": [

packages/applet/src/components/basic/DevToolsHeader.vue

@@ -13,15 +13,15 @@ const router = useVirtualRouter()
   <div border="b base" class="flex items-center justify-between px3">
     <div>
       <slot>
-        <i class="i-ep:back cursor-pointer op70 text-base hover:op100" @click="router.push('/')" />
+        <i class="i-ep:back cursor-pointer text-base op70 hover:op100" @click="router.push('/')" />
       </slot>
     </div>
     <div>
       <a class="pr2" :href="docLink" target="_blank" title="View Documentation">
-        <i class="i-clarity:document-line cursor-pointer op70 text-base hover:op100" />
+        <i class="i-clarity:document-line cursor-pointer text-base op70 hover:op100" />
       </a>
       <a v-if="githubRepoLink" :href="githubRepoLink" target="_blank" title="Star on GitHub">
-        <i class="i-mdi:github cursor-pointer op70 text-base hover:op100" />
+        <i class="i-mdi:github cursor-pointer text-base op70 hover:op100" />
       </a>
     </div>
   </div>

packages/applet/src/components/settings/Settings.vue

@@ -31,7 +31,7 @@ function toggleOption(key: any, v: any) {
           <div v-if="item.type === 'boolean'" class="flex justify-start">
             <VueSwitch
               :model-value="values[index]"
-              class="row-reverse flex hover:bg-active py1 pl2 pr1"
+              class="row-reverse flex py1 pl2 pr1 hover:bg-active"
               @update:model-value="(v: boolean) => toggleOption(index, v)"
             />
           </div>

packages/applet/src/modules/custom-inspector/components/About.vue

@@ -43,11 +43,11 @@ function onImageLoadError() {
       <div flex-auto />
 
       <div flex="~ gap2 wrap">
-        <div flex="~ col auto" min-w-40 p4 theme-card-lime @click="virtualRouter.push('/state')">
+        <div flex="~ col auto" min-w-40 theme-card-lime p4 @click="virtualRouter.push('/state')">
           <div i-carbon-tree-view-alt text-3xl />
           <code>State</code>
         </div>
-        <div v-if="state.timelineLayerIds?.length" flex="~ col auto" min-w-40 p4 theme-card-lime @click="virtualRouter.push('/timeline')">
+        <div v-if="state.timelineLayerIds?.length" flex="~ col auto" min-w-40 theme-card-lime p4 @click="virtualRouter.push('/timeline')">
           <div i-mdi:timeline-clock-outline text-3xl />
           <div>Timeline</div>
         </div>

packages/applet/src/modules/custom-inspector/components/state/Index.vue

@@ -209,7 +209,7 @@ onUnmounted(() => {
               <VueInput v-model="filterTreeKey" :placeholder="inspectorState.treeFilterPlaceholder" />
               <div v-if="actions?.length" class="flex items-center gap-2 px-1">
                 <div v-for="(action, index) in actions" :key="index" v-tooltip.bottom-end="{ content: action.tooltip }" class="flex items-center gap1" @click="callAction(index)">
-                  <VueIcIcon :name="`baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer op70 text-base hover:op100 />
+                  <VueIcIcon :name="`baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer text-base op70 hover:op100 />
                 </div>
               </div>
             </div>
@@ -227,7 +227,7 @@ onUnmounted(() => {
               <VueInput v-model="filterStateKey" :placeholder="inspectorState.stateFilterPlaceholder" />
               <div v-if="nodeActions?.length" class="flex items-center gap-2 px-1">
                 <div v-for="(action, index) in nodeActions" :key="index" v-tooltip.bottom-end="{ content: action.tooltip }" class="flex items-center gap1" @click="callNodeAction(index)">
-                  <VueIcIcon :name="`baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer op70 text-base hover:op100 />
+                  <VueIcIcon :name="`baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer text-base op70 hover:op100 />
                 </div>
               </div>
             </div>

packages/applet/src/modules/pinia/components/About.vue

@@ -28,11 +28,11 @@ const virtualRouter = useVirtualRouter()
         <!-- <div flex="~ col auto" min-w-40 p4 theme-card-lime>
           <div i-logos-pinia text-3xl />
         </div> -->
-        <div flex="~ col auto" min-w-40 p4 theme-card-lime @click="virtualRouter.push('/store')">
+        <div flex="~ col auto" min-w-40 theme-card-lime p4 @click="virtualRouter.push('/store')">
           <div i-carbon-tree-view-alt text-3xl />
           <code>Store</code>
         </div>
-        <div flex="~ col auto" min-w-40 p4 theme-card-lime @click="virtualRouter.push('/timeline')">
+        <div flex="~ col auto" min-w-40 theme-card-lime p4 @click="virtualRouter.push('/timeline')">
           <div i-mdi:timeline-clock-outline text-3xl />
           <div>Timeline</div>
         </div>

packages/applet/src/modules/pinia/components/store/Index.vue

@@ -209,7 +209,7 @@ onUnmounted(() => {
             <VueInput v-model="filterStoreKey" :placeholder="inspectorState.treeFilterPlaceholder" />
             <div v-if="actions?.length" class="flex items-center gap-2 px-1">
               <div v-for="(action, index) in actions" :key="index" v-tooltip.bottom-end="{ content: action.tooltip }" class="flex items-center gap1" @click="callAction(index)">
-                <i :class="`i-ic-baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer op70 text-base hover:op100 />
+                <i :class="`i-ic-baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer text-base op70 hover:op100 />
               </div>
             </div>
           </div>
@@ -224,7 +224,7 @@ onUnmounted(() => {
             <VueInput v-model="filterStateKey" :placeholder="inspectorState.stateFilterPlaceholder" />
             <div v-if="nodeActions?.length" class="flex items-center gap-2 px-1">
               <div v-for="(action, index) in nodeActions" :key="index" v-tooltip.bottom-end="{ content: action.tooltip }" class="flex items-center gap1" @click="callNodeAction(index)">
-                <i :class="`i-ic-baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer op70 text-base hover:op100 />
+                <i :class="`i-ic-baseline-${action.icon.replace(/\_/g, '-')}`" cursor-pointer text-base op70 hover:op100 />
               </div>
             </div>
           </div>

packages/applet/src/modules/router/components/About.vue

@@ -25,11 +25,11 @@ const virtualRouter = useVirtualRouter()
       <div flex-auto />
 
       <div flex="~ gap2 wrap">
-        <div flex="~ col auto" min-w-40 p4 theme-card-lime @click="virtualRouter.push('/routes')">
+        <div flex="~ col auto" min-w-40 theme-card-lime p4 @click="virtualRouter.push('/routes')">
           <div i-carbon-tree-view-alt text-3xl />
           <code>Routes</code>
         </div>
-        <div flex="~ col auto" min-w-40 p4 theme-card-lime @click="virtualRouter.push('/timeline')">
+        <div flex="~ col auto" min-w-40 theme-card-lime p4 @click="virtualRouter.push('/timeline')">
           <div i-mdi:timeline-clock-outline text-3xl />
           <div>Timeline</div>
         </div>

packages/client/package.json

@@ -24,7 +24,7 @@
     "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0"
   },
   "dependencies": {
-    "@unocss/preset-icons": "^66.0.0",
+    "@unocss/preset-icons": "^66.2.0",
     "@vue/devtools-applet": "workspace:^",
     "@vue/devtools-core": "workspace:^",
     "@vue/devtools-kit": "workspace:^",
@@ -35,7 +35,7 @@
     "colord": "catalog:",
     "fast-deep-equal": "^3.1.3",
     "fuse.js": "^7.1.0",
-    "minimatch": "^10.0.1",
+    "minimatch": "^10.0.3",
     "shiki": "catalog:",
     "splitpanes": "catalog:",
     "vis-network": "^10.0.1",
@@ -48,7 +48,7 @@
     "@iconify/json": "catalog:",
     "@types/node": "catalog:",
     "@types/splitpanes": "^2.2.6",
-    "@unocss/core": "^66.0.0",
+    "@unocss/core": "^66.2.0",
     "@unocss/reset": "catalog:",
     "@vitejs/plugin-vue": "catalog:",
     "@vitejs/plugin-vue-jsx": "^5.0.1",
@@ -57,11 +57,11 @@
     "ohash": "^2.0.11",
     "pinia": "catalog:",
     "sass-embedded": "catalog:",
-    "simple-git-hooks": "^2.12.1",
+    "simple-git-hooks": "^2.13.0",
     "unocss": "catalog:",
-    "unplugin": "^2.2.2",
+    "unplugin": "^2.3.5",
     "unplugin-auto-import": "catalog:",
-    "unplugin-vue-components": "^28.4.1",
+    "unplugin-vue-components": "^28.7.0",
     "vite": "catalog:",
     "vue": "catalog:"
   }

packages/client/src/App.vue

@@ -140,7 +140,7 @@ watchEffect(() => {
       v-else
       class="h-full of-auto transition-base"
       :class="isUtilityView ? 'flex' : sidebarExpanded ? 'grid grid-cols-[250px_1fr]' : 'grid grid-cols-[50px_1fr]'"
-      h-full h-screen of-hidden font-sans bg-base
+      h-full h-screen of-hidden bg-base font-sans
     >
       <SideNav v-if="!isUtilityView" of-x-hidden of-y-auto @toggle-devtools-client-visible="toggleDevToolsClientVisible" />
       <Splitpanes

packages/client/src/components/WaitForConnection.vue

@@ -23,11 +23,11 @@ const { copy } = useCopy()
 <template>
   <div class="h-screen w-screen $ui-fcc">
     <AppConnecting>
-      <p class="pt-5 font-bold text-base">
+      <p class="pt-5 text-base font-bold">
         Waiting for connection...
       </p>
       <div v-if="props.local && props.network" class="mt-5">
-        <p class="text-center text-sm op80 text-base">
+        <p class="text-center text-sm text-base op80">
           Add one of the following to the top of your page 👇:
         </p>
         <div class="mt-3 $ui-fcc flex-row gap3">

packages/client/src/components/common/Navbar.vue

@@ -22,7 +22,7 @@ watch(input, () => {
 </script>
 
 <template>
-  <div flex="~ col gap2" border="b base" flex-1 p4 navbar-glass>
+  <div flex="~ col gap2" border="b base" navbar-glass flex-1 p4>
     <div flex="~ gap4" items-center>
       <slot name="search">
         <VueInput

packages/client/src/components/common/SectionBlock.vue

@@ -28,7 +28,7 @@ function onToggle(e) {
 
 <template>
   <details :open="open" @toggle="onToggle">
-    <summary class="cursor-pointer select-none hover:bg-active p4" :class="collapse ? '' : 'pointer-events-none'">
+    <summary class="cursor-pointer select-none p4 hover:bg-active" :class="collapse ? '' : 'pointer-events-none'">
       <IconTitle :icon="icon" :text="text" text-xl transition :class="open ? 'op100' : 'op60'">
         <div>
           <div text-base>
@@ -48,7 +48,7 @@ function onToggle(e) {
           v-if="collapse"
           icon="i-carbon-chevron-down"
           class="chevron"
-          cursor-pointer place-self-start op75 transition duration-500 text-base
+          cursor-pointer place-self-start text-base op75 transition duration-500
         />
       </IconTitle>
     </summary>

packages/client/src/components/common/SideNav.vue

@@ -70,7 +70,7 @@ useIntersectionObserver(
     class="$ui-z-max-override" h-full of-hidden bg-base
   >
     <div
-      sticky top-0 z-1 w-full p1 bg-base border="b base"
+      sticky top-0 z-1 w-full bg-base p1 border="b base"
     >
       <VueDropdown placement="left-start" :distance="dropdownDistance" :skidding="5" trigger="click" :shown="showDocking" class="w-full">
         <button
@@ -85,7 +85,7 @@ useIntersectionObserver(
         >
           <div i-logos-vue h-6 w-6 />
           <template v-if="sidebarExpanded">
-            <span text-lg font-600 text-base>
+            <span text-lg text-base font-600>
               DevTools
             </span>
             <div flex-auto />
@@ -116,7 +116,7 @@ useIntersectionObserver(
 
     <div
       :flex="`~ items-center gap-1 ${sidebarExpanded ? '' : 'none col'}`"
-      border="t base" sticky bottom-0 w-full p1 bg-base class="$ui-z-max-override"
+      border="t base" sticky bottom-0 w-full bg-base p1 class="$ui-z-max-override"
     >
       <VueDropdown
         v-if="overflowTabs.length && !sidebarScrollable && !sidebarExpanded" placement="left-end"

packages/client/src/components/common/SplitScreen.vue

@@ -80,7 +80,7 @@ const showGridPanel = ref(false)
 
 <template>
   <div h-full h-screen of-hidden>
-    <div v-if="(PageComponent || customTabName) && currentTab" border="b base" flex="~ gap1" z-99 px4 py3 navbar-glass>
+    <div v-if="(PageComponent || customTabName) && currentTab" border="b base" flex="~ gap1" navbar-glass z-99 px4 py3>
       <VueDropdown placement="bottom-start" :distance="12" :skidding="5" :shown="showGridPanel" trigger="click">
         <div flex cursor-pointer items-center gap2>
           <div i-carbon-chevron-down text-sm op50 />
@@ -102,7 +102,7 @@ const showGridPanel = ref(false)
       <div flex-auto />
       <button
         v-tooltip="'Close split screen'"
-        title="Close split screen" cursor-pointer hover:bg-active px1
+        title="Close split screen" cursor-pointer px1 hover:bg-active
         @click="close"
       >
         <div i-carbon:side-panel-open />
@@ -120,7 +120,7 @@ const showGridPanel = ref(false)
         <span text-lg op50>
           Select a tab to start
         </span>
-        <VueCard px4 py2 bg-base>
+        <VueCard bg-base px4 py2>
           <TabsGrid :categories="enabledTabs" target="side" :disabled-items="[mainViewName]" />
         </VueCard>
         <VueButton type="warning" outlined mt2 @click="close">

packages/client/src/components/graph/GraphFileType.vue

@@ -5,7 +5,7 @@ const { fileTypeData, fileTypeShow, toggleFileType } = useFileTypes()
 <template>
   <div
 
-    absolute bottom-0 grid grid-cols-3 w-260px gap-2 b-1 b-l-0 border-base rounded-tr-lg px4 py2 text-sm transition-transform duration-300 glass-effect
+    absolute bottom-0 grid grid-cols-3 w-260px gap-2 b-1 b-l-0 border-base rounded-tr-lg glass-effect px4 py2 text-sm transition-transform duration-300
     class="group"
     :class="{
       'translate-x-[calc(-100%+30px)] translate-y-[calc(100%-30px)]': !fileTypeShow,

packages/client/src/components/graph/GraphNavbar.vue

@@ -15,7 +15,7 @@ const filterId = graphFilterNodeId
 </script>
 
 <template>
-  <div flex="~ items-center gap-4 nowrap" class="[&_>*]:flex-[0_0_auto]" absolute left-0 top-0 z-10 navbar-base w-full overflow-x-auto px4 text-sm glass-effect>
+  <div flex="~ items-center gap-4 nowrap" class="[&_>*]:flex-[0_0_auto]" absolute left-0 top-0 z-10 navbar-base w-full overflow-x-auto glass-effect px4 text-sm>
     <VueInput v-model="text" placeholder="Search modules..." />
     <div v-for="item in selectableItems" :key="item[0]" flex="~ gap-2 items-center">
       <VueCheckbox v-model="settings[item[0]]" />