chore: update deps

antfu · antfu · commit 4830fd1e63da · 2024-11-28T14:32:13.000+08:00
diff --git a/docs/package.json b/docs/package.json
@@ -8,19 +8,19 @@
     "preview": "nuxi preview"
   },
   "dependencies": {
-    "@iconify-json/ph": "^1.2.0",
-    "@iconify-json/simple-icons": "^1.2.3",
-    "@nuxt/content": "^2.13.2",
-    "@nuxt/devtools": "^1.5.0",
-    "@nuxt/fonts": "^0.8.0",
+    "@iconify-json/ph": "^1.2.1",
+    "@iconify-json/simple-icons": "^1.2.13",
+    "@nuxt/content": "^2.13.4",
+    "@nuxt/devtools": "^1.6.1",
+    "@nuxt/fonts": "^0.10.2",
     "@nuxt/image": "1.8.0",
-    "@nuxt/ui-pro": "^1.4.2",
-    "@nuxthq/studio": "^2.1.1",
-    "@nuxtjs/plausible": "^1.0.2",
-    "@vueuse/core": "^11.1.0",
-    "@vueuse/nuxt": "^11.1.0",
-    "nuxt": "^3.13.2",
-    "nuxt-og-image": "^3.0.2"
+    "@nuxt/ui-pro": "^1.5.0",
+    "@nuxthq/studio": "^2.2.1",
+    "@nuxtjs/plausible": "^1.2.0",
+    "@vueuse/core": "^12.0.0",
+    "@vueuse/nuxt": "^12.0.0",
+    "nuxt": "^3.14.1592",
+    "nuxt-og-image": "^4.0.0"
   },
   "resolutions": {
     "@nuxt/ui": "2.15.2"
diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
diff --git a/local.ts b/local.ts
@@ -22,10 +22,10 @@ import { defineNuxtModule, logger } from '@nuxt/kit'
 import { getPort } from 'get-port-please'
 import { resolve } from 'pathe'
 import { searchForWorkspaceRoot } from 'vite'
+import { startSubprocess } from './packages/devtools-kit/src/index'
 import { defaultOptions } from './packages/devtools/src/constant'
 import { packageDir } from './packages/devtools/src/dirs'
 import { enableModule } from './packages/devtools/src/module-main'
-import { startSubprocess } from './packages/devtools-kit/src/index'
 
 export type { ModuleOptions }
 
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "type": "module",
   "version": "1.6.1",
   "private": true,
-  "packageManager": "pnpm@9.11.0",
+  "packageManager": "pnpm@9.14.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/devtools.git"
diff --git a/packages/devtools/client/components/AssetDetails.vue b/packages/devtools/client/components/AssetDetails.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { AssetInfo, CodeSnippet } from '~/../src/types'
 import { devtoolsUiShowNotification } from '#imports'
 import { computedAsync, useTimeAgo, useVModel } from '@vueuse/core'
 import { computed, ref } from 'vue'
+import type { AssetInfo, CodeSnippet } from '~/../src/types'
 import { ensureDevAuthToken } from '~/composables/dev-auth'
 import { useCopy, useOpenInEditor } from '~/composables/editor'
 import { rpc } from '~/composables/rpc'
diff --git a/packages/devtools/client/components/AssetDropZone.vue b/packages/devtools/client/components/AssetDropZone.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import type { AssetEntry } from '~/../src/types'
 import { devtoolsUiShowNotification } from '#imports'
 import { useEventListener, useVModel } from '@vueuse/core'
 import { ref } from 'vue'
+import type { AssetEntry } from '~/../src/types'
 import { ensureDevAuthToken } from '~/composables/dev-auth'
 import { rpc, wsConnecting, wsError } from '~/composables/rpc'
 import { telemetry } from '~/composables/telemetry'
diff --git a/packages/devtools/client/components/AssetFontPreview.vue b/packages/devtools/client/components/AssetFontPreview.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { AssetInfo } from '~/../src/types'
 import { useStyleTag } from '@vueuse/core'
 import { hash } from 'ohash'
 import { computed } from 'vue'
+import type { AssetInfo } from '~/../src/types'
 
 const props = defineProps<{
   asset: AssetInfo
diff --git a/packages/devtools/client/components/AssetGridItem.vue b/packages/devtools/client/components/AssetGridItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { AssetInfo } from '~/../src/types'
 import { computed } from 'vue'
+import type { AssetInfo } from '~/../src/types'
 
 const props = defineProps<{
   asset: AssetInfo
diff --git a/packages/devtools/client/components/AssetListItem.vue b/packages/devtools/client/components/AssetListItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { AssetInfo } from '~/../src/types'
 import { useVModel } from '@vueuse/core'
 import { computed, ref } from 'vue'
+import type { AssetInfo } from '~/../src/types'
 
 const props = withDefaults(defineProps<{
   item: any
diff --git a/packages/devtools/client/components/ComponentsGraph.vue b/packages/devtools/client/components/ComponentsGraph.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { ComponentRelationship } from '~/../src/types'
 import type { Component, NuxtLayout, NuxtPage } from 'nuxt/schema'
 import type { Data, Node, Options } from 'vis-network'
 import { useDebounce } from '@vueuse/core'
 import { Network } from 'vis-network'
 import { computed, onMounted, ref, watch } from 'vue'
+import type { ComponentRelationship } from '~/../src/types'
 import { getColorMode } from '~/composables/client'
 import { useLayouts, useServerConfig, useServerPages } from '~/composables/state'
 import { useDevToolsOptions } from '../composables/storage-options'
diff --git a/packages/devtools/client/components/HooksTable.vue b/packages/devtools/client/components/HooksTable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { HookInfo } from '~/../src/types'
 import { computed, ref } from 'vue'
+import type { HookInfo } from '~/../src/types'
 
 const props = defineProps<{
   hooks: HookInfo[]
diff --git a/packages/devtools/client/components/ModuleInstallList.vue b/packages/devtools/client/components/ModuleInstallList.vue
@@ -2,9 +2,9 @@
 import type { ModuleStaticInfo } from '../../src/types'
 import Fuse from 'fuse.js'
 import { computed, ref } from 'vue'
-import { useModulesList } from '~/composables/state-modules'
 // @ts-expect-error missing types
 import { RecycleScroller } from 'vue-virtual-scroller'
+import { useModulesList } from '~/composables/state-modules'
 
 type SortingFunction<T> = (a: T, b: T) => number
 
diff --git a/packages/devtools/client/components/RoutesTable.vue b/packages/devtools/client/components/RoutesTable.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { RouteInfo } from '~/../src/types'
 import type { NuxtLayout } from 'nuxt/schema'
 import { computed } from 'vue'
+import type { RouteInfo } from '~/../src/types'
 import { useOpenInEditor } from '~/composables/editor'
 import { useServerApp } from '~/composables/state'
 
diff --git a/packages/devtools/client/components/ServerRouteDetails.vue b/packages/devtools/client/components/ServerRouteDetails.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { CodeSnippet, ServerRouteInfo, ServerRouteInput } from '~/../src/types'
 import type { $Fetch } from 'ofetch'
 import { useCookie } from '#app/composables/cookie'
 import { createReusableTemplate, useLocalStorage, watchDebounced } from '@vueuse/core'
 import JsonEditorVue from 'json-editor-vue'
 import { computed, reactive, ref, watchEffect } from 'vue'
+import type { CodeSnippet, ServerRouteInfo, ServerRouteInput } from '~/../src/types'
 import { getColorMode, useClient } from '~/composables/client'
 import { ComposablesDocs } from '~/composables/constants'
 import { useOpenInEditor } from '~/composables/editor'
diff --git a/packages/devtools/client/components/ServerRouteListItem.vue b/packages/devtools/client/components/ServerRouteListItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { ServerRouteInfo } from '~/../src/types'
 import { ref } from 'vue'
+import type { ServerRouteInfo } from '~/../src/types'
 import { useCurrentServeRoute } from '~/composables/state-routes'
 import { getRequestMethodClass } from '~/composables/utils'
 
diff --git a/packages/devtools/client/components/ServerTaskDetails.vue b/packages/devtools/client/components/ServerTaskDetails.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { ServerRouteInput, ServerTaskInfo } from '~/../src/types'
 import type { $Fetch } from 'ofetch'
 import { createReusableTemplate, useLocalStorage, watchDebounced } from '@vueuse/core'
 import JsonEditorVue from 'json-editor-vue'
 import { computed, reactive, ref, watchEffect } from 'vue'
+import type { ServerRouteInput, ServerTaskInfo } from '~/../src/types'
 import { getColorMode } from '~/composables/client'
 import { useOpenInEditor } from '~/composables/editor'
 import { useServerConfig } from '~/composables/state'
diff --git a/packages/devtools/client/components/ServerTaskListItem.vue b/packages/devtools/client/components/ServerTaskListItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { ServerTaskInfo } from '~/../../src/types'
 import { ref } from 'vue'
+import type { ServerTaskInfo } from '~/../../src/types'
 import { useCurrentServerTask } from '~/composables/state-routes'
 
 withDefaults(defineProps<{
diff --git a/packages/devtools/client/components/SideNavItem.vue b/packages/devtools/client/components/SideNavItem.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ModuleBuiltinTab, ModuleCustomTab } from '~/../src/types'
 import { useRoute } from '#app/composables/router'
 import { NuxtLink } from '#components'
 import { computed, toValue } from 'vue'
+import type { ModuleBuiltinTab, ModuleCustomTab } from '~/../src/types'
 import { splitScreenView } from '~/composables/storage'
 import { telemetry } from '~/composables/telemetry'
 
diff --git a/packages/devtools/client/components/social/SocialTelegram.vue b/packages/devtools/client/components/social/SocialTelegram.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { SocialPreviewResolved } from '~/../src/types'
 import { useBrowserLocation, useDateFormat, useNow } from '@vueuse/core'
+import type { SocialPreviewResolved } from '~/../src/types'
 
 defineProps<{
   card: SocialPreviewResolved
diff --git a/packages/devtools/client/components/social/SocialTwitter.vue b/packages/devtools/client/components/social/SocialTwitter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { NormalizedHeadTag } from '~/../src/types'
 import { computed } from 'vue'
+import type { NormalizedHeadTag } from '~/../src/types'
 import { getSocialPreviewCard } from '~/composables/utils'
 
 const props = defineProps<{
diff --git a/packages/devtools/client/composables/state-subprocess.ts b/packages/devtools/client/composables/state-subprocess.ts
@@ -1,5 +1,5 @@
-import type { AnalyzeBuildingState, InstallingModulestate } from '~/../src/types'
 import { ref } from 'vue'
+import type { AnalyzeBuildingState, InstallingModulestate } from '~/../src/types'
 
 export const processInstallingModules = ref<InstallingModulestate[]>([])
 
diff --git a/packages/devtools/client/composables/utils.ts b/packages/devtools/client/composables/utils.ts
@@ -1,5 +1,4 @@
 import type { AsyncDataOptions } from '#app'
-import type { ComponentRelationship, ComponentWithRelationships, NormalizedHeadTag, SocialPreviewCard, SocialPreviewResolved } from '~/../src/types'
 import type { Component } from 'nuxt/schema'
 import type { Ref } from 'vue'
 import { useAsyncData } from '#app/composables/asyncData'
@@ -8,6 +7,7 @@ import { useState } from '#imports'
 import { useSessionStorage } from '@vueuse/core'
 import { relative } from 'pathe'
 import { triggerRef } from 'vue'
+import type { ComponentRelationship, ComponentWithRelationships, NormalizedHeadTag, SocialPreviewCard, SocialPreviewResolved } from '~/../src/types'
 import { useClient } from './client'
 
 export function isNodeModulePath(path: string) {
diff --git a/packages/devtools/client/pages/modules/analyze-build.vue b/packages/devtools/client/pages/modules/analyze-build.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { AnalyzeBuildMeta } from '~/../src/types'
 import { useRouter } from '#app/composables/router'
 import { definePageMeta } from '#imports'
 import { createTemplatePromise, formatTimeAgo } from '@vueuse/core'
 import { computed, ref } from 'vue'
+import type { AnalyzeBuildMeta } from '~/../src/types'
 import { ensureDevAuthToken } from '~/composables/dev-auth'
 import { satisfyNuxtVersion } from '~/composables/npm'
 import { rpc } from '~/composables/rpc'
diff --git a/packages/devtools/client/pages/modules/assets.vue b/packages/devtools/client/pages/modules/assets.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { AssetInfo } from '~/../src/types'
 import { definePageMeta } from '#imports'
 import { onKeyDown, reactiveComputed } from '@vueuse/core'
 import Fuse from 'fuse.js'
 import { computed, ref } from 'vue'
+import type { AssetInfo } from '~/../src/types'
 import { DETAILS_MAX_ITEMS } from '~/composables/constants'
 import { useStaticAssets } from '~/composables/state'
 import { useDevToolsOptions } from '~/composables/storage-options'
diff --git a/packages/devtools/client/pages/modules/custom-[name].vue b/packages/devtools/client/pages/modules/custom-[name].vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ModuleCustomTab } from '~/../src/types'
 import { useRoute, useRouter } from '#app/composables/router'
 import { definePageMeta } from '#imports'
 import { computed, onMounted } from 'vue'
+import type { ModuleCustomTab } from '~/../src/types'
 import { isDevAuthed, requestForAuth } from '~/composables/dev-auth'
 import { rpc } from '~/composables/rpc'
 import { useAllTabs } from '~/composables/state-tabs'
diff --git a/packages/devtools/client/pages/modules/open-graph.vue b/packages/devtools/client/pages/modules/open-graph.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { NormalizedHeadTag } from '~/../src/types/ui-state'
 import { definePageMeta } from '#imports'
 import { computedAsync, until } from '@vueuse/core'
 import { computed, nextTick, ref } from 'vue'
+import type { NormalizedHeadTag } from '~/../src/types/ui-state'
 import { useClient, useClientHead, useClientRoute, useClientRouter } from '~/composables/client'
 import { useOpenInEditor } from '~/composables/editor'
 import { useMergedRouteList } from '~/composables/state'
diff --git a/packages/devtools/client/pages/modules/server-routes.vue b/packages/devtools/client/pages/modules/server-routes.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ServerRouteInfo } from '~/../../src/types'
 import { definePageMeta } from '#imports'
 import Fuse from 'fuse.js'
 import { computed, ref } from 'vue'
+import type { ServerRouteInfo } from '~/../../src/types'
 import { ServerRouteTabIcons } from '~/composables/constants'
 import { useServerRoutes } from '~/composables/state'
 import { useCurrentServeRoute } from '~/composables/state-routes'
diff --git a/packages/devtools/client/pages/modules/server-tasks.vue b/packages/devtools/client/pages/modules/server-tasks.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ServerTaskInfo } from '~/../../src/types'
 import { definePageMeta } from '#imports'
 import Fuse from 'fuse.js'
 import { computed, ref } from 'vue'
+import type { ServerTaskInfo } from '~/../../src/types'
 import ServerTaskListItem from '~/components/ServerTaskListItem.vue'
 import { ServerRouteTabIcons } from '~/composables/constants'
 import { useServerTasks } from '~/composables/state'
diff --git a/packages/devtools/client/setup/vue-devtools.ts b/packages/devtools/client/setup/vue-devtools.ts
@@ -37,7 +37,12 @@ export function setupVueDevTools() {
   createRpcClient(functions, {
     preset: 'iframe',
   })
-  onRpcConnected(() => {
-    rpc.value.initDevToolsServerListener()
+  onRpcConnected(async () => {
+    try {
+      await rpc.value.initDevToolsServerListener()
+    }
+    catch (e) {
+      console.error(e)
+    }
   })
 }
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
@@ -75,6 +75,7 @@
     "tinyglobby": "catalog:",
     "unimport": "catalog:",
     "vite-plugin-inspect": "catalog:",
+    "vite-plugin-inspect-legacy": "npm:vite-plugin-inspect@0.8.8",
     "vite-plugin-vue-inspector": "catalog:",
     "which": "catalog:",
     "ws": "catalog:"
diff --git a/packages/devtools/src/integrations/analyze-build.ts b/packages/devtools/src/integrations/analyze-build.ts
@@ -2,13 +2,13 @@ import type { Nuxt } from 'nuxt/schema'
 import type { AnalyzeBuildMeta, ModuleOptions } from '../types'
 import { addVitePlugin } from '@nuxt/kit'
 import { join } from 'pathe'
-import Inspect from 'vite-plugin-inspect'
 import { getFolderSize } from '../utils/fs'
+import { getViteInspectPlugin } from './vite-inspect'
 
 export async function setup(nuxt: Nuxt, options: ModuleOptions) {
   if (options.viteInspect !== false) {
     addVitePlugin(
-      Inspect({
+      (await getViteInspectPlugin())({
         build: true,
         outputDir: join(nuxt.options.analyzeDir, '.vite-inspect'),
       }),
diff --git a/packages/devtools/src/integrations/vite-inspect.ts b/packages/devtools/src/integrations/vite-inspect.ts
@@ -2,10 +2,18 @@ import type { ViteInspectAPI } from 'vite-plugin-inspect'
 import type { NuxtDevtoolsServerContext } from '../types'
 import { addCustomTab } from '@nuxt/devtools-kit'
 import { addVitePlugin } from '@nuxt/kit'
-import Inspect from 'vite-plugin-inspect'
 
-export function setup({ nuxt, rpc }: NuxtDevtoolsServerContext) {
-  const plugin = Inspect()
+export async function getViteInspectPlugin() {
+  const { version } = await import('vite')
+  const major = Number.parseInt(version.split('.')[0], 10)
+  if (major >= 6)
+    return await import('vite-plugin-inspect').then(r => r.default)
+  else
+    return await import('vite-plugin-inspect-legacy').then(r => r.default)
+}
+
+export async function setup({ nuxt, rpc }: NuxtDevtoolsServerContext) {
+  const plugin = (await getViteInspectPlugin())()
   addVitePlugin(plugin)
 
   let api: ViteInspectAPI | undefined
diff --git a/packages/devtools/src/runtime/plugins/devtools.client.ts b/packages/devtools/src/runtime/plugins/devtools.client.ts
@@ -1,13 +1,13 @@
 import type { TimelineServerState } from '@nuxt/devtools/types'
 
 import type { Router } from 'vue-router'
-import { shallowReactive, watchEffect } from 'vue'
-
-import { setupHooksDebug } from '../shared/hooks'
 // eslint-disable-next-line ts/ban-ts-comment
 // @ts-ignore tsconfig
 import { defineNuxtPlugin, useRouter, useState } from '#imports'
 
+import { shallowReactive, watchEffect } from 'vue'
+import { setupHooksDebug } from '../shared/hooks'
+
 export default defineNuxtPlugin((nuxt: any) => {
   if (typeof document === 'undefined' || typeof window === 'undefined')
     return
diff --git a/packages/devtools/src/runtime/plugins/view/client.ts b/packages/devtools/src/runtime/plugins/view/client.ts
@@ -3,18 +3,18 @@ import type { $Fetch } from 'ofetch'
 import type { Ref } from 'vue'
 import type { Router } from 'vue-router'
 
+// eslint-disable-next-line ts/ban-ts-comment
+// @ts-ignore tsconfig
+import { useAppConfig, useRuntimeConfig } from '#imports'
 import { setIframeServerContext } from '@vue/devtools-kit'
 import { createHooks } from 'hookable'
 import { debounce } from 'perfect-debounce'
-import { computed, createApp, h, markRaw, ref, shallowReactive, shallowRef, watch } from 'vue'
 
+import { computed, createApp, h, markRaw, ref, shallowReactive, shallowRef, watch } from 'vue'
 import { initTimelineMetrics } from '../../function-metrics-helpers'
 import Main from './Main.vue'
-import { popupWindow, state } from './state'
 
-// eslint-disable-next-line ts/ban-ts-comment
-// @ts-ignore tsconfig
-import { useAppConfig, useRuntimeConfig } from '#imports'
+import { popupWindow, state } from './state'
 
 const clientRef = shallowRef<NuxtDevtoolsHostClient>()
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
