fix(document-driven): Only set 404 status on SSR

src/runtime/pages/document-driven.vue

@@ -1,15 +1,12 @@
 <script setup lang="ts">
-import { createError } from 'h3'
-import { useContent, useContentHead, useRoute } from '#imports'
+import { useNuxtApp, useContent, useContentHead } from '#imports'
 
 const { page } = useContent()
 
-// Page not found
-if (!page.value) {
-  throw createError({
-    statusCode: 404,
-    statusMessage: `Page not found: ${useRoute().path}`
-  })
+// Page not found, set correct status code on SSR
+const nuxtApp = useNuxtApp()
+if (!page.value && process.server && nuxtApp.ssrContext) {
+  nuxtApp.ssrContext.res.statusCode = 404
 }
 
 useContentHead(page)

test/document-driven.test.ts

@@ -52,7 +52,7 @@ describe('fixtures:document-driven', async () => {
       await $fetch('/page-not-found')
     } catch (e) {
       expect(e.response.status).toBe(404)
-      expect(e.response.statusText).toBe('Page not found: /page-not-found')
+      expect(e.response.statusText).toBe('Document not found')
     }
   })
 })