chore: broken tests

Author: harlan-zw

src/assets.ts

@@ -1,7 +1,6 @@
-import { addDevServerHandler, useNuxt, tryUseNuxt } from '@nuxt/kit'
+import { addDevServerHandler, extendRouteRules, useNuxt, tryUseNuxt } from '@nuxt/kit'
 import { createError, eventHandler, lazyEventHandler } from 'h3'
 import { fetch } from 'ofetch'
-import { defu } from 'defu'
 import type { NitroConfig } from 'nitropack'
 import { joinURL } from 'ufo'
 import { join, resolve } from 'pathe'
@@ -10,6 +9,12 @@ import fsDriver from 'unstorage/drivers/fs-lite'
 
 import type { ModuleOptions } from './module'
 
+declare module '@nuxt/schema' {
+  interface NuxtHooks {
+    'nitro:config': (config: NitroConfig) => void | Promise<void>
+  }
+}
+
 const renderedScript = new Map<string, {
   content: Buffer
   /**
@@ -72,27 +77,25 @@ export function setupPublicAssetStrategy(options: ModuleOptions['assets'] = {})
   })
 
   if (nuxt.options.dev) {
-    nuxt.options.routeRules ||= {}
-    nuxt.options.routeRules[joinURL(assetsBaseURL, '**')] = {
+    extendRouteRules(joinURL(assetsBaseURL, '**'), {
       cache: {
         maxAge: ONE_YEAR_IN_SECONDS,
       },
-    }
+    })
   }
 
-  nuxt.options.nitro.publicAssets ||= []
   const cacheDir = join(nuxt.options.buildDir, 'cache', 'scripts')
-  nuxt.options.nitro.publicAssets.push()
-  nuxt.options.nitro = defu(nuxt.options.nitro, {
-    publicAssets: [{
+  nuxt.hook('nitro:config', (nitroConfig) => {
+    nitroConfig.publicAssets ||= []
+    nitroConfig.publicAssets.push({
       dir: cacheDir,
       maxAge: ONE_YEAR_IN_SECONDS,
       baseURL: assetsBaseURL,
-    }],
-    prerender: {
-      ignore: [assetsBaseURL],
-    },
-  } satisfies NitroConfig)
+    })
+    nitroConfig.prerender ||= {}
+    nitroConfig.prerender.ignore ||= []
+    nitroConfig.prerender.ignore.push(assetsBaseURL)
+  })
 
   return {
     renderedScript,

src/devtools.ts

@@ -2,6 +2,7 @@ import { existsSync } from 'node:fs'
 import type { Nuxt } from '@nuxt/schema'
 import type { Resolver } from '@nuxt/kit'
 import { extendViteConfig, useNuxt } from '@nuxt/kit'
+import { addCustomTab } from '@nuxt/devtools-kit'
 import type { ModuleOptions } from './module'
 import { DEVTOOLS_UI_LOCAL_PORT, DEVTOOLS_UI_ROUTE } from './constants'
 
@@ -33,19 +34,17 @@ export async function setupDevToolsUI(options: ModuleOptions, resolve: Resolver[
     })
   }
 
-  nuxt.hook('devtools:customTabs', (tabs) => {
-    tabs.push({
-      // unique identifier
-      name: 'nuxt-scripts',
-      // title to display in the tab
-      title: 'Scripts',
-      // any icon from Iconify, or a URL to an image
-      icon: 'carbon:script',
-      // iframe view
-      view: {
-        type: 'iframe',
-        src: DEVTOOLS_UI_ROUTE,
-      },
-    })
+  addCustomTab({
+    // unique identifier
+    name: 'nuxt-scripts',
+    // title to display in the tab
+    title: 'Scripts',
+    // any icon from Iconify, or a URL to an image
+    icon: 'carbon:script',
+    // iframe view
+    view: {
+      type: 'iframe',
+      src: DEVTOOLS_UI_ROUTE,
+    },
   })
 }