fix(nuxt3): return error page on blocked initial navigation

packages/nuxt3/src/pages/runtime/router.ts

@@ -6,6 +6,7 @@ import {
   RouterLink,
   NavigationGuard
 } from 'vue-router'
+import { createError } from 'h3'
 import NuxtPage from './page'
 import NuxtLayout from './layout'
 import { callWithNuxt, defineNuxtPlugin, useRuntimeConfig } from '#app'
@@ -93,6 +94,15 @@ export default defineNuxtPlugin((nuxtApp) => {
       }
 
       const result = await callWithNuxt(nuxtApp, middleware, [to, from])
+      if (process.server) {
+        if (result === false || result instanceof Error) {
+          const error = result || createError({
+            statusMessage: `Route navigation aborted: ${nuxtApp.ssrContext.url}`
+          })
+          nuxtApp.ssrContext.error = error
+          throw error
+        }
+      }
       if (result || result === false) { return result }
     }
   })
@@ -112,13 +122,17 @@ export default defineNuxtPlugin((nuxtApp) => {
       })
     }
 
-    await router.isReady()
+    try {
+      await router.isReady()
 
-    const is404 = router.currentRoute.value.matched.length === 0
-    if (process.server && is404) {
-      const error = new Error(`Page not found: ${nuxtApp.ssrContext.url}`)
-      // @ts-ignore
-      error.statusCode = 404
+      const is404 = router.currentRoute.value.matched.length === 0
+      if (process.server && is404) {
+        throw createError({
+          statusCode: 404,
+          statusMessage: `Page not found: ${nuxtApp.ssrContext.url}`
+        })
+      }
+    } catch (error) {
       nuxtApp.ssrContext.error = error
     }
   })