fix: downgrade module-builder

Author: antfu

package.json

@@ -27,7 +27,7 @@
     "@antfu/ni": "^0.21.12",
     "@nuxt/devtools": "workspace:*",
     "@nuxt/devtools-ui-kit": "workspace:*",
-    "@nuxt/module-builder": "^0.8.0",
+    "@nuxt/module-builder": "~0.6.0",
     "@nuxt/schema": "^3.12.2",
     "@types/markdown-it": "^14.1.1",
     "@types/node": "^20.14.7",

packages/devtools/build.config.ts

@@ -1,3 +1,4 @@
+import { fileURLToPath } from 'node:url'
 import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
@@ -22,4 +23,32 @@ export default defineBuildConfig({
   rollup: {
     inlineDependencies: true,
   },
+  hooks: {
+    // Patch @nuxt/module-builder@0.6.0 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/package.json

@@ -46,9 +46,6 @@
     "@nuxt/devtools-kit": "workspace:*",
     "@nuxt/devtools-wizard": "workspace:*",
     "@nuxt/kit": "^3.12.2",
-    "@vue/devtools-applet": "7.1.3",
-    "@vue/devtools-core": "7.1.3",
-    "@vue/devtools-kit": "7.1.3",
     "birpc": "^0.2.17",
     "consola": "^3.2.3",
     "cronstrue": "^2.50.0",
@@ -99,6 +96,9 @@
     "@unocss/preset-uno": "^0.61.0",
     "@unocss/runtime": "^0.61.0",
     "@vitest/ui": "^1.6.0",
+    "@vue/devtools-applet": "7.1.3",
+    "@vue/devtools-core": "7.1.3",
+    "@vue/devtools-kit": "7.1.3",
     "@vueuse/nuxt": "^10.11.0",
     "esno": "^4.7.0",
     "floating-vue": "5.0.2",

playgrounds/module-starter/package.json

@@ -30,7 +30,7 @@
     "@iconify-json/carbon": "^1.1.36",
     "@nuxt/devtools": "workspace:*",
     "@nuxt/devtools-ui-kit": "workspace:*",
-    "@nuxt/module-builder": "^0.8.0",
+    "@nuxt/module-builder": "~0.6.0",
     "@nuxt/schema": "^3.12.2",
     "@nuxt/test-utils": "^3.13.1",
     "eslint": "^9.5.0",