feat(dev): render dev-time errors with my-bad

Author: danielroe

packages/nuxt-cli/package.json

@@ -33,7 +33,7 @@
     "build": "tsdown",
     "dev:prepare": "tsdown --watch",
     "prepack": "tsdown",
-    "test:dist": "node --experimental-strip-types ../../scripts/check-dist.ts && node --experimental-strip-types ../../scripts/check-youch.ts && node --experimental-strip-types ../../scripts/check-loading-page.ts"
+    "test:dist": "node --experimental-strip-types ../../scripts/check-dist.ts && node --experimental-strip-types ../../scripts/check-loading-page.ts"
   },
   "peerDependencies": {
     "@nuxt/docs": "^4.0.0",
@@ -73,6 +73,7 @@
     "exsolve": "^1.1.1",
     "fuzzysort": "^4.0.2",
     "get-port-please": "^3.2.0",
+    "my-bad": "0.0.1",
     "obug": "^2.1.4",
     "pathe": "^2.0.3",
     "perfect-debounce": "^2.1.0",
@@ -105,8 +106,6 @@
     "tsdown": "^0.22.14",
     "typescript": "^6.0.3",
     "undici": "^8.10.0",
-    "vitest": "^4.1.11",
-    "youch": "^4.1.1",
-    "youch-core": "^0.3.3"
+    "vitest": "^4.1.11"
   }
 }

packages/nuxt-cli/src/commands/dev.ts

@@ -245,7 +245,7 @@ const command = defineCommand({
       throw error
     })
 
-    const { listener, close, reload, onRestart, onReady, onLoading, onEachReady, onLog, onRequests, onRoutes, onBuilding, onFileChange } = started
+    const { listener, close, reload, onRestart, onReady, onLoading, onEachReady, onLog, onRequests, onRoutes, onBuilding, onReport, onReportClear, onFileChange } = started
 
     /** Feed the dev UI from the server running in this process. */
     function attachDevUI(devUI: DevUIController): DevUIController {
@@ -254,6 +254,8 @@ const command = defineCommand({
       onBuilding(building => devUI.setStatus(building ? 'building' : 'ready'))
       onLog(log => devUI.pushServerLog(log))
       onRequests(requests => devUI.pushRequests(requests))
+      onReport(report => devUI.pushReport(report))
+      onReportClear(id => devUI.clearReport(id))
       onRoutes(payload => devUI.setRoutes(payload))
       return devUI
     }
@@ -355,6 +357,12 @@ const command = defineCommand({
             else if (message.type === 'nuxt:internal:dev:requests') {
               devUI.pushRequests(message.requests)
             }
+            else if (message.type === 'nuxt:internal:dev:report') {
+              devUI.pushReport(message.report)
+            }
+            else if (message.type === 'nuxt:internal:dev:report:clear') {
+              devUI.clearReport(message.id)
+            }
             else if (message.type === 'nuxt:internal:dev:routes') {
               devUI.setRoutes(message.payload)
             }