chore: update deps, apply lint

Author: antfu

docs/app/app.vue

@@ -8,17 +8,21 @@ useHead({
     lang: 'en',
   },
 })
-const links = [{
-  label: 'Documentation',
-  to: '/guide/getting-started',
-}, {
-  label: 'Playground',
-  to: '/playground',
-}, {
-  label: 'Releases',
-  to: 'https://github.com/nuxt/devtools/releases',
-  target: '_blank',
-}]
+const links = [
+  {
+    label: 'Documentation',
+    to: '/guide/getting-started',
+  },
+  {
+    label: 'Playground',
+    to: '/playground',
+  },
+  {
+    label: 'Releases',
+    to: 'https://github.com/nuxt/devtools/releases',
+    target: '_blank',
+  },
+]
 const { version } = useRuntimeConfig().public
 const { data: navigation } = await useAsyncData('navigation', () => queryCollectionNavigation('docs'))
 

docs/content/2.module/0.guide.md

@@ -117,7 +117,11 @@ export default defineNuxtModule({
       // call client RPC functions when something changes; `broadcast` reaches
       // every connected client (none are connected yet when this hook runs)
       nuxt.hook('builder:watch', (_event, path) => {
-        rpc.broadcast({ method: 'show-notification', args: [`${path} changed`], event: true })
+        rpc.broadcast({
+          method: 'show-notification',
+          args: [`${path} changed`],
+          event: true
+        })
       })
     })
   },

docs/content/2.module/1.utils-kit.md

@@ -108,7 +108,10 @@ import { onDevtoolsReady } from '@nuxt/devtools-kit'
 onDevtoolsReady((ctx) => {
   // Output-only child process
   ctx.terminals.startChildProcess(
-    { command: 'npm', args: ['run', 'dev'] },
+    {
+      command: 'npm',
+      args: ['run', 'dev']
+    },
     { id: 'my-module:dev', title: 'Dev Server', icon: 'logos-npm-icon' },
   )
 
@@ -145,7 +148,10 @@ in the built-in **Terminals** dock):
 import { startSubprocess } from '@nuxt/devtools-kit'
 
 const subprocess = startSubprocess(
-  { command: 'vite', args: ['build', '--watch'] },
+  {
+    command: 'vite',
+    args: ['build', '--watch']
+  },
   { id: 'my-module:build', name: 'Build', icon: 'ph:terminal-duotone' },
 )
 

docs/nuxt.config.ts

@@ -15,7 +15,9 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     '@nuxtjs/plausible',
     'nuxt-og-image',
-    ...(process.env.CI ? [] : ['../local']),
+    ...(process.env.CI
+      ? []
+      : ['../local']),
   ],
 
   css: ['~/assets/css/main.css'],

packages/devtools-kit/src/diagnostics.ts

@@ -90,7 +90,9 @@ export type NuxtDiagnosticCode = keyof typeof diagnosticCodes
  */
 export const consoleDiagnostics = defineDiagnostics({
   docsBase: diagnosticsDocsBase,
-  reporters: [createConsoleReporter()],
+  reporters: [
+    createConsoleReporter(),
+  ],
   codes: diagnosticCodes,
 })
 
@@ -108,14 +110,18 @@ interface DiagnosticsState {
 
 const stateByCtx = new WeakMap<object, DiagnosticsState>()
 /** Fallback state used when no server context is resolvable yet. */
-const fallbackState: DiagnosticsState = { emitted: new Set() }
+const fallbackState: DiagnosticsState = {
+  emitted: new Set(),
+}
 
 function getState(ctx: object | undefined): DiagnosticsState {
   if (!ctx)
     return fallbackState
   let state = stateByCtx.get(ctx)
   if (!state) {
-    state = { emitted: new Set() }
+    state = {
+      emitted: new Set(),
+    }
     stateByCtx.set(ctx, state)
   }
   return state
@@ -212,7 +218,9 @@ export function defineStandaloneDiagnostics(
 ): ReturnType<typeof defineDiagnostics> {
   return defineDiagnostics({
     ...options,
-    reporters: options.reporters ?? [createConsoleReporter()],
+    reporters: options.reporters ?? [
+      createConsoleReporter(),
+    ],
   })
 }
 

packages/devtools-kit/src/index.ts

@@ -46,7 +46,11 @@ export function addCustomTab(tab: ModuleCustomTab | (() => ModuleCustomTab | Pro
   deprecate(nuxt, 'NDT_DEP_0005', {
     api: 'addCustomTab',
     replacement: 'onDevtoolsReady((ctx) => ctx.docks.register(...))',
-  }, { key: typeof tab === 'function' ? undefined : tab.name })
+  }, {
+    key: typeof tab === 'function'
+      ? undefined
+      : tab.name,
+  })
 
   nuxt.hook('devtools:customTabs', async (tabs) => {
     if (typeof tab === 'function')
@@ -120,13 +124,22 @@ export function startSubprocess(
       },
     )
 
-    nuxt.callHook('devtools:terminal:write', { id, data: `> ${[execaOptions.command, ...execaOptions.args || []].join(' ')}\n\n` })
+    nuxt.callHook('devtools:terminal:write', { id, data: `> ${[
+      execaOptions.command,
+      ...execaOptions.args || [],
+    ].join(' ')}\n\n` })
 
     proc.process?.stdout?.on('data', (data) => {
-      nuxt.callHook('devtools:terminal:write', { id, data: data.toString() })
+      nuxt.callHook('devtools:terminal:write', {
+        id,
+        data: data.toString(),
+      })
     })
     proc.process?.stderr?.on('data', (data) => {
-      nuxt.callHook('devtools:terminal:write', { id, data: data.toString() })
+      nuxt.callHook('devtools:terminal:write', {
+        id,
+        data: data.toString(),
+      })
     })
     proc.process?.on('exit', (code) => {
       if (!restarting) {
@@ -170,8 +183,12 @@ export function startSubprocess(
 
   function register() {
     nuxt.callHook('devtools:terminal:register', {
-      onActionRestart: tabOptions.restartable === false ? undefined : restart,
-      onActionTerminate: tabOptions.terminatable === false ? undefined : terminate,
+      onActionRestart: tabOptions.restartable === false
+        ? undefined
+        : restart,
+      onActionTerminate: tabOptions.terminatable === false
+        ? undefined
+        : terminate,
       isTerminated: false,
       ...tabOptions,
     })

packages/devtools-kit/test/diagnostics.test.ts

@@ -89,11 +89,16 @@ describe('deprecate', () => {
   it('routes through the host catalog once the kit has connected', () => {
     const warn = vi.spyOn(console, 'warn').mockImplementation(() => {})
     const handle = vi.fn()
-    const hostCatalog = { NDT_DEP_0001: handle, NDT_DEP_0003: vi.fn() }
+    const hostCatalog = {
+      NDT_DEP_0001: handle,
+      NDT_DEP_0003: vi.fn(),
+    }
     const register = vi.fn()
     const defineDiagnostics = vi.fn(() => hostCatalog)
     const ctx = {
-      devtoolsKit: { diagnostics: { logger: {}, register, defineDiagnostics } },
+      devtoolsKit: {
+        diagnostics: { logger: {}, register, defineDiagnostics },
+      },
     }
 
     registerHostDiagnostics(ctx as any)

packages/devtools-onboard/src/module.ts

@@ -26,7 +26,9 @@ const BASE = '/__devtools/'
 
 function listsDevtools(modules: NuxtOptions['modules']): boolean {
   return modules.some((entry) => {
-    const id = Array.isArray(entry) ? entry[0] : entry
+    const id = Array.isArray(entry)
+      ? entry[0]
+      : entry
     return typeof id === 'string' && DEVTOOLS_MODULES.has(id)
   })
 }
@@ -41,7 +43,9 @@ function listsDevtools(modules: NuxtOptions['modules']): boolean {
 async function devtoolsSpec(): Promise<string> {
   const { version, peerDependencies } = await readPackageJSON(fileURLToPath(import.meta.url))
   const range = peerDependencies?.[DEVTOOLS] ?? ''
-  return `${DEVTOOLS}@${range.startsWith('npm:') ? range : `^${version}`}`
+  return `${DEVTOOLS}@${range.startsWith('npm:')
+    ? range
+    : `^${version}`}`
 }
 
 export default defineNuxtModule({

packages/devtools-onboard/test/module.test.ts

@@ -47,8 +47,11 @@ async function bootNuxt(overrides: NuxtConfig, { withoutDevtools = false, instal
     await nuxt.close()
     await rm(rootDir, { recursive: true, force: true })
   })
-  if (withoutDevtools)
-    nuxt.options.modulesDir = [join(rootDir, 'node_modules')]
+  if (withoutDevtools) {
+    nuxt.options.modulesDir = [
+      join(rootDir, 'node_modules'),
+    ]
+  }
   await nuxt.ready()
   return nuxt
 }
@@ -59,7 +62,11 @@ function onboardScripts(nuxt: Nuxt) {
 
 /** Serves what the module mounts on a real client Vite server; resolves to its origin. */
 async function serveViteMiddleware(nuxt: Nuxt): Promise<{ origin: string, viteServer: ViteDevServer }> {
-  const viteServer = await createViteServer({ configFile: false, logLevel: 'silent', server: { middlewareMode: true, ws: false } })
+  const viteServer = await createViteServer({
+    configFile: false,
+    logLevel: 'silent',
+    server: { middlewareMode: true, ws: false },
+  })
   cleanups.push(() => viteServer.close())
   // Mount only what the module adds, not Vite's own transform middlewares.
   viteServer.middlewares.stack.length = 0
@@ -81,7 +88,10 @@ const onboardStatus = (origin: string) => fetch(`${origin}/__devtools/__onboard/
 
 describe('@nuxt/devtools-onboard', () => {
   it('does nothing when devtools are disabled', async () => {
-    const nuxt = await bootNuxt({ devtools: false, modules: [onboardModule] })
+    const nuxt = await bootNuxt({
+      devtools: false,
+      modules: [onboardModule],
+    })
     expect(nuxt.options._requiredModules['@nuxt/devtools']).toBeUndefined()
     expect(onboardScripts(nuxt)).toHaveLength(0)
   }, 60_000)
@@ -93,7 +103,10 @@ describe('@nuxt/devtools-onboard', () => {
   }, 60_000)
 
   it('loads @nuxt/devtools-nightly installed under its own name, over @nuxt/devtools', async () => {
-    const nuxt = await bootNuxt({ dev: true }, { withoutDevtools: true, installed: ['@nuxt/devtools', '@nuxt/devtools-nightly'] })
+    const nuxt = await bootNuxt({ dev: true }, {
+      withoutDevtools: true,
+      installed: ['@nuxt/devtools', '@nuxt/devtools-nightly'],
+    })
     expect(nuxt.options.appConfig.loadedDevtools).toBe('@nuxt/devtools-nightly')
     expect(onboardScripts(nuxt)).toHaveLength(0)
   }, 60_000)

packages/devtools-onboard/test/terminal-confirm.test.ts

@@ -2,7 +2,12 @@ import { PassThrough } from 'node:stream'
 import { afterEach, expect, it, vi } from 'vitest'
 import { confirmInTerminal } from '../src/terminal-confirm'
 
-const COMMAND = ['npm', 'i', '-D', '@nuxt/devtools@^4.0.0']
+const COMMAND = [
+  'npm',
+  'i',
+  '-D',
+  '@nuxt/devtools@^4.0.0',
+]
 
 function terminal({ isTTY = true, isRaw = false } = {}) {
   const asked: string[] = []