fix: resolve typecheck errors after dependency updates

packages/devtools/client/components/StorageDetails.vue

@@ -222,7 +222,7 @@ async function renameCurrentItem() {
     >
       <span font-bold>{{ name }}</span><br>
       <span text-sm>{{ storage.driver }} driver</span><br>
-      <FilepathItem v-if="storage.base" text-xs :filepath="storage.base" />
+      <FilepathItem v-if="'base' in storage && storage.base" text-xs :filepath="storage.base" />
     </NCard>
   </NPanelGrids>
 </template>

packages/devtools/client/components/TimelineSegment.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { UseTimeAgoOptions } from '@vueuse/core'
 import type { TimelineEvent, TimelineEventNormalized, TimelineEventsSegment } from '../../types'
-import { useTimeAgo } from '@vueuse/core'
+import { useIntervalFn, useTimeAgo } from '@vueuse/core'
 
 const props = defineProps<{
   segment: TimelineEventsSegment
@@ -12,7 +12,7 @@ const emit = defineEmits<{
 }>()
 
 const timeAgo = useTimeAgo(() => props.segment.start, {
-  updateInterval: 1000,
+  scheduler: cb => useIntervalFn(cb, 1000),
   showSecond: true,
   controls: false,
   messages: ({

packages/devtools/src/server-rpc/server-routes.ts

@@ -1,6 +1,7 @@
 import type { NuxtDevtoolsServerContext, ServerFunctions, ServerRouteInfo } from '../types'
 import type { AnyNitro } from '../utils/nitro-compat'
 import { debounce } from 'perfect-debounce'
+import { onDevReload } from '../utils/nitro-compat'
 
 export function setupServerRoutesRPC({ nuxt, refresh }: NuxtDevtoolsServerContext) {
   let nitro: AnyNitro | undefined
@@ -25,7 +26,7 @@ export function setupServerRoutesRPC({ nuxt, refresh }: NuxtDevtoolsServerContex
     // both Nitro v2 and v3 and fires on any server-dir change, which is a
     // coarser signal but debounced re-scans are cheap either way.
     unhookDevReload?.()
-    unhookDevReload = _nitro.hooks.hook('dev:reload', () => refreshDebounced())
+    unhookDevReload = onDevReload(_nitro, () => refreshDebounced())
   })
 
   nuxt.hook('close', () => {

packages/devtools/src/server-rpc/server-tasks.ts

@@ -1,6 +1,7 @@
 import type { NuxtDevtoolsServerContext, ScannedNitroTasks, ServerFunctions } from '../types'
 import type { AnyNitro } from '../utils/nitro-compat'
 import { debounce } from 'perfect-debounce'
+import { onDevReload } from '../utils/nitro-compat'
 
 export function setupServerTasksRPC({ nuxt, refresh }: NuxtDevtoolsServerContext) {
   let nitro: AnyNitro | undefined
@@ -21,7 +22,7 @@ export function setupServerTasksRPC({ nuxt, refresh }: NuxtDevtoolsServerContext
     // See the equivalent comment in `server-routes.ts`: this used to watch
     // Nitro's internal `src` storage mount, which Nitro v3 no longer exposes.
     unhookDevReload?.()
-    unhookDevReload = _nitro.hooks.hook('dev:reload', () => refreshDebounced())
+    unhookDevReload = onDevReload(_nitro, () => refreshDebounced())
   })
 
   nuxt.hook('close', () => {

packages/devtools/src/utils/nitro-compat.ts

@@ -43,3 +43,9 @@ export type AnyNitroConfig = HasNitroV2 extends true
 export type AnyStorageMounts = HasNitroV2 extends true
   ? (HasNitroV3 extends true ? StorageMountsV2 | StorageMountsV3 : StorageMountsV2)
   : StorageMountsV3
+
+/** `nitro.hooks.hook` is a union of two generic signatures when both engines are installed, which TS can't call. */
+export function onDevReload(nitro: AnyNitro, callback: () => void): () => void {
+  // `dev:reload` exists on both Nitro v2 and v3.
+  return (nitro.hooks as NitroV2['hooks']).hook('dev:reload', callback)
+}