fix(document-driven): throw 404 error when content is missing (#1394)

scripts/test.sh

@@ -13,8 +13,8 @@ done
 
 if [[ $ARG1 ]]
 then
-  echo "npx vitest run -t $ARG1"
-  (npx vitest run -t $ARG1.test)
+  echo "npx vitest run $ARG1"
+  (npx vitest run $ARG1.test)
 else
   echo "npx vitest run"
   (npx vitest run)

src/runtime/pages/document-driven.vue

@@ -1,8 +1,17 @@
 <script setup lang="ts">
+import { createError } from 'h3'
 import { useContent, useContentHead } from '#imports'
 
 const { page } = useContent()
 
+// Page not found
+if (!page.value) {
+  throw createError({
+    statusCode: 404,
+    statusMessage: `Page not found: ${useRoute().path}`
+  })
+}
+
 useContentHead(page)
 </script>
 

test/document-driven.test.ts

@@ -11,7 +11,7 @@ describe('fixtures:document-driven', async () => {
   test('<title> from front-matter', async () => {
     const html = await $fetch('/')
 
-    expect(html).contains('Home | Document Driven Fixture')
+    expect(html).contains('<title>Home</title>')
   })
 
   test('disabled document driven', async () => {
@@ -46,4 +46,13 @@ describe('fixtures:document-driven', async () => {
     expect(html).contains('with previous link /layout')
     expect(html).contains('with next link /no-surround')
   })
+
+  test('404 page', async () => {
+    try {
+      await $fetch('/page-not-found')
+    } catch (e) {
+      expect(e.response.status).toBe(404)
+      expect(e.response.statusText).toBe('Page not found: /page-not-found')
+    }
+  })
 })