chore(deps): update all non-major dependencies (#604)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

docs/.vitepress/config.ts

@@ -1,5 +1,5 @@
-import type { DefaultTheme } from 'vitepress'
 import { defineConfig } from 'vitepress'
+import type { DefaultTheme } from 'vitepress'
 import { version } from '../../packages/core/package.json'
 import vite from './vite.config'
 

docs/.vitepress/theme/index.ts

@@ -1,6 +1,6 @@
 // https://vitepress.dev/guide/custom-theme
-import { h } from 'vue'
 import Theme from 'vitepress/theme'
+import { h } from 'vue'
 import 'uno.css'
 import './style.css'
 

docs/.vitepress/vite.config.ts

@@ -1,7 +1,7 @@
 import { fileURLToPath } from 'node:url'
-import { defineConfig } from 'vite'
 import UnoCSS from 'unocss/vite'
 import Components from 'unplugin-vue-components/vite'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

docs/help/faq.md

@@ -25,8 +25,8 @@ export default defineConfig({
 ## How to work with Laravel Vite Plugin?
 
 ```ts
-import { defineConfig } from 'vite'
 import laravel from 'laravel-vite-plugin'
+import { defineConfig } from 'vite'
 import VueDevTools from 'vite-plugin-vue-devtools'
 
 export default defineConfig({
@@ -64,9 +64,9 @@ export default defineNuxtConfig({
 ## How to work with [Vite Ruby](https://vite-ruby.netlify.app/)?
 
 ```ts
+import vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vite'
 import RubyPlugin from 'vite-plugin-ruby'
-import vue from '@vitejs/plugin-vue'
 import VueDevTools from 'vite-plugin-vue-devtools'
 
 export default defineConfig({
@@ -84,8 +84,8 @@ export default defineConfig({
 
 ```ts
 // wxt.config.ts
-import { defineConfig } from 'wxt'
 import devtools from 'vite-plugin-vue-devtools'
+import { defineConfig } from 'wxt'
 
 export default defineConfig({
   modules: ['@wxt-dev/module-vue'],

docs/help/troubleshooting.md

@@ -11,8 +11,8 @@ And you are using `vite-plugin-html`, please make sure register `vite-plugin-vue
 ```ts
 // vite.config.ts
 import { defineConfig } from 'vite'
-import vueDevTools from 'vite-plugin-vue-devtools'
 import { createHtmlPlugin } from 'vite-plugin-html'
+import vueDevTools from 'vite-plugin-vue-devtools'
 
 export default defineConfig({
   plugins: [

docs/package.json

@@ -12,6 +12,6 @@
     "@vueuse/core": "^11.0.3",
     "unplugin-vue-components": "^0.27.4",
     "vitepress": "1.3.4",
-    "vue": "^3.4.38"
+    "vue": "^3.5.3"
   }
 }

eslint-plugins/rules/no-vue-runtime-import/no-vue-runtime-import.test.ts

@@ -1,5 +1,5 @@
-import { run } from '../../test-utils'
 import rule from '.'
+import { run } from '../../test-utils'
 
 run({
   name: 'no-vue-runtime-import',

eslint-plugins/test-utils.ts

@@ -1,7 +1,7 @@
 import tsParser from '@typescript-eslint/parser'
 
-import type { RuleTesterInitOptions, TestCasesOptions } from 'eslint-vitest-rule-tester'
 import { run as _run } from 'eslint-vitest-rule-tester'
+import type { RuleTesterInitOptions, TestCasesOptions } from 'eslint-vitest-rule-tester'
 
 export * from 'eslint-vitest-rule-tester'
 

package.json

@@ -72,16 +72,16 @@
     "gen:vue-apis": "tsx ./scripts/vue-api-manifest.ts"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.0.0",
+    "@antfu/eslint-config": "^3.4.1",
     "@antfu/ni": "^0.23.0",
-    "@arethetypeswrong/cli": "^0.15.4",
+    "@arethetypeswrong/cli": "^0.16.1",
     "@clack/prompts": "^0.7.0",
     "@types/chrome": "^0.0.270",
     "@types/degit": "^2.8.6",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.16.3",
-    "@typescript-eslint/parser": "^8.3.0",
-    "@typescript-eslint/utils": "^8.3.0",
+    "@types/node": "^20.16.5",
+    "@typescript-eslint/parser": "^8.4.0",
+    "@typescript-eslint/utils": "^8.4.0",
     "@unocss/eslint-plugin": "^0.62.3",
     "@vue/devtools-core": "workspace:^",
     "@vue/devtools-kit": "workspace:^",
@@ -90,7 +90,7 @@
     "bumpp": "^9.5.2",
     "cross-env": "^7.0.3",
     "degit": "^2.8.4",
-    "eslint": "^9.9.1",
+    "eslint": "^9.10.0",
     "eslint-plugin-format": "^0.1.2",
     "eslint-vitest-rule-tester": "^0.6.1",
     "execa": "^8.0.1",
@@ -99,7 +99,7 @@
     "jsdom": "^25.0.0",
     "lint-staged": "^15.2.10",
     "npm-run-all2": "^6.2.2",
-    "picocolors": "^1.0.1",
+    "picocolors": "^1.1.0",
     "pnpm": "^9.9.0",
     "progress": "^2.0.3",
     "publint": "^0.2.10",
@@ -114,9 +114,9 @@
     "typescript": "^5.5.4",
     "unbuild": "^2.0.0",
     "unocss": "^0.62.3",
-    "vite": "^5.4.2",
+    "vite": "^5.4.3",
     "vitest": "^2.0.5",
-    "vue": "^3.4.38"
+    "vue": "^3.5.3"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"

packages/applet/package.json

@@ -35,15 +35,15 @@
     "@vue/devtools-ui": "workspace:^",
     "lodash-es": "^4.17.21",
     "perfect-debounce": "^1.0.0",
-    "shiki": "^1.16.1",
+    "shiki": "^1.16.2",
     "splitpanes": "^3.1.5",
     "vue-virtual-scroller": "2.0.0-beta.8"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "unplugin-vue": "^5.1.3",
+    "unplugin-vue": "^5.1.4",
     "vite-plugin-dts": "^3.9.1",
-    "vue": "^3.4.38",
+    "vue": "^3.5.3",
     "vue-router": "^4.4.3"
   }
 }

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue/devtools-kit'
 import { vTooltip } from '@vue/devtools-ui'
+import type { InspectorNodeTag } from '@vue/devtools-kit'
 import { toHex } from '~/utils'
 
 defineProps<{

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VueInput, VueSelect, VueSwitch } from '@vue/devtools-ui'
 import { rpc } from '@vue/devtools-core'
+import { VueInput, VueSelect, VueSwitch } from '@vue/devtools-ui'
 import { computed } from 'vue'
 
 const props = defineProps<{

packages/applet/src/components/state/RootStateViewer.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { watchEffect } from 'vue'
 import type { CustomInspectorState } from '@vue/devtools-kit'
-import ChildStateViewer from './ChildStateViewer.vue'
 import ToggleExpanded from '~/components/basic/ToggleExpanded.vue'
-import { useToggleExpanded } from '~/composables/toggle-expanded'
 import { createStateEditorContext } from '~/composables/state-editor'
+import { useToggleExpanded } from '~/composables/toggle-expanded'
+import ChildStateViewer from './ChildStateViewer.vue'
 
 const props = withDefaults(defineProps<{
   data: Record<string, CustomInspectorState[]>

packages/applet/src/components/state/StateFieldEditor.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { computed, ref, toRaw } from 'vue'
-import { VueButton, VueDropdown, VueDropdownButton, VueIcon, vTooltip } from '@vue/devtools-ui'
-import { DevToolsV6PluginAPIHookKeys, getRaw } from '@vue/devtools-kit'
-import type { CustomInspectorState, DevToolsV6PluginAPIHookPayloads } from '@vue/devtools-kit'
 import { rpc } from '@vue/devtools-core'
+import { DevToolsV6PluginAPIHookKeys, getRaw } from '@vue/devtools-kit'
+import { vTooltip, VueButton, VueDropdown, VueDropdownButton, VueIcon } from '@vue/devtools-ui'
 import { useClipboard } from '@vueuse/core'
+import { computed, ref, toRaw } from 'vue'
+import type { CustomInspectorState, DevToolsV6PluginAPIHookPayloads } from '@vue/devtools-kit'
 import type { ButtonProps } from '@vue/devtools-ui'
 import { useStateEditorContext } from '~/composables/state-editor'
 import type { EditorAddNewPropType, EditorInputValidType } from '~/composables/state-editor'

packages/applet/src/components/state/StateFieldInputEditor.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { VueButton, VueIcon, VueInput, vTooltip } from '@vue/devtools-ui'
-import { debounce } from 'perfect-debounce'
 import { customTypeEnums, toSubmit } from '@vue/devtools-kit'
-import { computed, ref, watch, watchEffect } from 'vue'
+import { vTooltip, VueButton, VueIcon, VueInput } from '@vue/devtools-ui'
 import { useMagicKeys, useVModel } from '@vueuse/core'
+import { debounce } from 'perfect-debounce'
+import { computed, ref, watch, watchEffect } from 'vue'
 
 const props = withDefaults(defineProps<{
   modelValue: string

packages/applet/src/components/state/StateFieldViewer.vue

@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import type { CustomInspectorState, InspectorCustomState } from '@vue/devtools-kit'
-import { DevToolsV6PluginAPIHookKeys, DevToolsV6PluginAPIHookPayloads, formatInspectorStateValue, getInspectorStateValueType, getRaw, toEdit, toSubmit } from '@vue/devtools-kit'
-import { computed, ref, watch } from 'vue'
 import { rpc } from '@vue/devtools-core'
+import { DevToolsV6PluginAPIHookKeys, DevToolsV6PluginAPIHookPayloads, formatInspectorStateValue, getInspectorStateValueType, getRaw, toEdit, toSubmit } from '@vue/devtools-kit'
 import { isArray, isObject, sortByKey } from '@vue/devtools-shared'
-import { VueButton, VueIcon, vTooltip } from '@vue/devtools-ui'
-import ChildStateViewer from './ChildStateViewer.vue'
-import StateFieldEditor from './StateFieldEditor.vue'
-import StateFieldInputEditor from './StateFieldInputEditor.vue'
+import { vTooltip, VueButton, VueIcon } from '@vue/devtools-ui'
+import { computed, ref, watch } from 'vue'
+import type { CustomInspectorState, InspectorCustomState } from '@vue/devtools-kit'
 import ToggleExpanded from '~/components/basic/ToggleExpanded.vue'
-import { useToggleExpanded } from '~/composables/toggle-expanded'
+import { useHover } from '~/composables/hover'
 import { useStateEditor, useStateEditorContext, useStateEditorDrafting } from '~/composables/state-editor'
 import type { EditorAddNewPropType } from '~/composables/state-editor'
-import { useHover } from '~/composables/hover'
+import { useToggleExpanded } from '~/composables/toggle-expanded'
+import ChildStateViewer from './ChildStateViewer.vue'
+import StateFieldEditor from './StateFieldEditor.vue'
+import StateFieldInputEditor from './StateFieldInputEditor.vue'
 
 const props = defineProps<{
   data: CustomInspectorState

packages/applet/src/components/timeline/EventList.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { TimelineEventOptions } from '@vue/devtools-kit'
 import { computed, ref, watch } from 'vue'
 import { RecycleScroller } from 'vue-virtual-scroller'
+import type { TimelineEventOptions } from '@vue/devtools-kit'
 import { formatTime } from '~/utils'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 

packages/applet/src/components/timeline/index.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { Pane, Splitpanes } from 'splitpanes'
 import { DevToolsMessagingEvents, rpc } from '@vue/devtools-core'
-import { computed, onUnmounted, ref } from 'vue'
+import { parse } from '@vue/devtools-kit'
+import { Pane, Splitpanes } from 'splitpanes'
 
+import { computed, onUnmounted, ref } from 'vue'
 import type { CustomInspectorState, TimelineEventOptions } from '@vue/devtools-kit'
-import { parse } from '@vue/devtools-kit'
-import EventList from './EventList.vue'
-import Navbar from '~/components/basic/Navbar.vue'
+import DevToolsHeader from '~/components/basic/DevToolsHeader.vue'
 import Empty from '~/components/basic/Empty.vue'
+import Navbar from '~/components/basic/Navbar.vue'
 import RootStateViewer from '~/components/state/RootStateViewer.vue'
 import { createExpandedContext } from '~/composables/toggle-expanded'
-import DevToolsHeader from '~/components/basic/DevToolsHeader.vue'
+import EventList from './EventList.vue'
 
 const props = defineProps<{
   layerIds: string[]

packages/applet/src/components/tree/TreeViewer.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { ComponentTreeNode, InspectorTree } from '@vue/devtools-kit'
+import NodeTag from '~/components/basic/NodeTag.vue'
 import ToggleExpanded from '~/components/basic/ToggleExpanded.vue'
 import ComponentTreeViewer from '~/components/tree/TreeViewer.vue'
-import NodeTag from '~/components/basic/NodeTag.vue'
 
-import { useToggleExpanded } from '~/composables/toggle-expanded'
 import { useSelect } from '~/composables/select'
+import { useToggleExpanded } from '~/composables/toggle-expanded'
 
 withDefaults(defineProps<{
   data: ComponentTreeNode[] | InspectorTree[]

packages/applet/src/composables/custom-inspector.ts

@@ -1,5 +1,5 @@
-import { onUnmounted, ref } from 'vue'
 import { DevToolsMessagingEvents, onRpcConnected, rpc } from '@vue/devtools-core'
+import { onUnmounted, ref } from 'vue'
 
 export interface CustomInspectorType {
   id: string

packages/applet/src/composables/hover.ts

@@ -1,6 +1,6 @@
 import { useEventListener } from '@vueuse/core'
-import type { MaybeRefOrGetter } from '@vueuse/core'
 import { ref } from 'vue'
+import type { MaybeRefOrGetter } from '@vueuse/core'
 
 export interface UseHoverOptions {
   enter?: () => void

packages/applet/src/composables/select.ts

@@ -1,5 +1,5 @@
-import type { InjectionKey, Ref } from 'vue'
 import { inject, provide, ref } from 'vue'
+import type { InjectionKey, Ref } from 'vue'
 
 const SelectedSymbolKey: InjectionKey<Ref<string>> = Symbol('SelectedSymbolKey')
 

packages/applet/src/composables/state-editor.ts

@@ -1,5 +1,5 @@
-import type { InjectionKey, Ref } from 'vue'
 import { computed, inject, provide, ref } from 'vue'
+import type { InjectionKey, Ref } from 'vue'
 
 interface StateEditorContext {
   nodeId: string

packages/applet/src/composables/toggle-expanded.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue'
 import { inject, provide, ref } from 'vue'
+import type { Ref } from 'vue'
 
 const expandedKey = 'expanded-state'
 

packages/applet/src/composables/virtual-router.ts

@@ -1,6 +1,6 @@
-import type { Component, ComputedRef, InjectionKey, Ref } from 'vue'
 import { computed, defineComponent, h, inject, provide, ref, toValue } from 'vue'
 import type { MaybeRef } from '@vueuse/core'
+import type { Component, ComputedRef, InjectionKey, Ref } from 'vue'
 
 export interface VirtualRoute { path: string, component: Component, icon?: string, name?: string }
 const VirtualRouteKey: InjectionKey<Ref<{ path: string }>> = Symbol('VirtualRouteKey')

packages/applet/src/index.ts

@@ -4,8 +4,8 @@ import './styles/base.css'
 import '@vue/devtools-ui/style.css'
 import '@vue/devtools-ui/uno.css'
 
-export * from './modules/pinia'
+export * from './composables/custom-inspector'
 export * from './modules/components'
-export * from './modules/router'
 export * from './modules/custom-inspector'
-export * from './composables/custom-inspector'
+export * from './modules/pinia'
+export * from './modules/router'

packages/applet/src/modules/components/index.vue

@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import { computed, onUnmounted, ref, watch, watchEffect } from 'vue'
-import { Pane, Splitpanes } from 'splitpanes'
-import type { CustomInspectorNode, CustomInspectorState } from '@vue/devtools-kit'
-import { isInChromePanel, isInSeparateWindow, sortByKey } from '@vue/devtools-shared'
 import {
   DevToolsMessagingEvents,
   rpc,
   useDevToolsState,
 } from '@vue/devtools-core'
 import { parse } from '@vue/devtools-kit'
+import { isInChromePanel, isInSeparateWindow, sortByKey } from '@vue/devtools-shared'
+import { vTooltip, VueButton, VueDialog, VueInput } from '@vue/devtools-ui'
 import { useElementSize, useToggle, watchDebounced } from '@vueuse/core'
-import { VueButton, VueDialog, VueInput, vTooltip } from '@vue/devtools-ui'
 import { flatten, groupBy } from 'lodash-es'
-import ComponentRenderCode from './components/RenderCode.vue'
-import ComponentTree from '~/components/tree/TreeViewer.vue'
+import { Pane, Splitpanes } from 'splitpanes'
+import { computed, onUnmounted, ref, watch, watchEffect } from 'vue'
+import type { CustomInspectorNode, CustomInspectorState } from '@vue/devtools-kit'
 import SelectiveList from '~/components/basic/SelectiveList.vue'
-import { createExpandedContext } from '~/composables/toggle-expanded'
-import { createSelectedContext } from '~/composables/select'
 import RootStateViewer from '~/components/state/RootStateViewer.vue'
+import ComponentTree from '~/components/tree/TreeViewer.vue'
+import { createSelectedContext } from '~/composables/select'
+import { createExpandedContext } from '~/composables/toggle-expanded'
 import { searchDeepInObject } from '~/utils'
+import ComponentRenderCode from './components/RenderCode.vue'
 
 const emit = defineEmits(['openInEditor', 'onInspectComponentStart', 'onInspectComponentEnd'])
 // responsive layout

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

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import DevToolsLogo from './DevToolsLogo.vue'
-import { useVirtualRouter } from '~/composables/virtual-router'
 import { useCustomInspectorState } from '~/composables/custom-inspector-state'
+import { useVirtualRouter } from '~/composables/virtual-router'
+import DevToolsLogo from './DevToolsLogo.vue'
 
 const virtualRouter = useVirtualRouter()
 const state = useCustomInspectorState()