build: update to latest @nuxt/module-builder

package.json

@@ -27,7 +27,7 @@
     "@antfu/ni": "^0.22.4",
     "@nuxt/devtools": "workspace:*",
     "@nuxt/devtools-ui-kit": "workspace:*",
-    "@nuxt/module-builder": "~0.6.0",
+    "@nuxt/module-builder": "^0.8.3",
     "@nuxt/schema": "^3.13.0",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^22.5.0",

packages/devtools-kit/host-client.mjs

@@ -1 +1 @@
-export * from './dist/runtime/host-client.mjs'
+export * from './dist/runtime/host-client.js'

packages/devtools-kit/iframe-client.mjs

@@ -1 +1 @@
-export * from './dist/runtime/iframe-client.mjs'
+export * from './dist/runtime/iframe-client.js'

packages/devtools/build.config.ts

@@ -1,4 +1,3 @@
-import { fileURLToPath } from 'node:url'
 import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
@@ -23,32 +22,4 @@ export default defineBuildConfig({
   rollup: {
     inlineDependencies: true,
   },
-  hooks: {
-    // Patch @nuxt/[email protected] not adding .mjs extension for runtime files
-    // https://github.com/nuxt/module-builder/issues/261
-    'rollup:options': (_, options) => {
-      options.plugins ||= []
-      if (!Array.isArray(options.plugins))
-        options.plugins = [options.plugins]
-
-      const runtimeDir = fileURLToPath(new URL('./src/runtime', import.meta.url))
-      options.plugins.unshift({
-        name: 'unbuild:runtime-build:patch',
-        async resolveId(id, importter) {
-          if (!id.includes('runtime'))
-            return
-          const resolved = await this.resolve(id, importter, { skipSelf: true })
-          if (resolved?.id.startsWith(runtimeDir)) {
-            let id = resolved.id
-            if (!id.endsWith('.mjs'))
-              id += '.mjs'
-            return {
-              external: true,
-              id,
-            }
-          }
-        },
-      })
-    },
-  },
 })

packages/devtools/src/integrations/vue-devtools.ts

@@ -20,7 +20,7 @@ export function setup({ nuxt }: NuxtDevtoolsServerContext) {
       const appendTo = /\/entry\.m?js$/
 
       if (!options?.ssr && appendTo.test(filename))
-        code = `import 'virtual:vue-devtools-path:overlay.mjs';\n${code}`
+        code = `import 'virtual:vue-devtools-path:overlay.js';\n${code}`
 
       return code
     },

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

@@ -48,7 +48,7 @@ export function setupOptionsRPC({ nuxt }: NuxtDevtoolsServerContext) {
       )
       nuxt.callHook('builder:generateApp', {
         filter(template) {
-          return template.filename.includes('devtools/settings.mjs')
+          return template.filename.includes('devtools/settings.js')
         },
       })
     },

playgrounds/module-starter/package.json

@@ -30,7 +30,7 @@
     "@iconify-json/carbon": "^1.1.37",
     "@nuxt/devtools": "workspace:*",
     "@nuxt/devtools-ui-kit": "workspace:*",
-    "@nuxt/module-builder": "~0.6.0",
+    "@nuxt/module-builder": "^0.8.3",
     "@nuxt/schema": "^3.13.0",
     "@nuxt/test-utils": "^3.14.1",
     "eslint": "^9.9.0",