From 9d4b6a14cd4fa2b1cd25d30cd47454afe6d755e9 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Wed, 31 Aug 2022 21:08:52 +0100
Subject: [PATCH] fix(nuxt): prevent error page rendering a null error

---
 .../nuxt/src/app/components/nuxt-error-page.vue    | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/nuxt/src/app/components/nuxt-error-page.vue b/packages/nuxt/src/app/components/nuxt-error-page.vue
index bb1414902d2..be637ca0e37 100644
--- a/packages/nuxt/src/app/components/nuxt-error-page.vue
+++ b/packages/nuxt/src/app/components/nuxt-error-page.vue
@@ -5,12 +5,14 @@
 <script setup>
 import { defineAsyncComponent } from 'vue'
 
-const props = defineProps({
+// Deliberately prevent reactive update when error is cleared
+// eslint-disable-next-line vue/no-setup-props-destructure
+const { error } = defineProps({
   error: Object
 })
 
 // TODO: extract to a separate utility
-const stacktrace = (props.error.stack || '')
+const stacktrace = (error.stack || '')
   .split('\n')
   .splice(1)
   .map((line) => {
@@ -27,12 +29,12 @@ const stacktrace = (props.error.stack || '')
   }).map(i => `<span class="stack${i.internal ? ' internal' : ''}">${i.text}</span>`).join('\n')
 
 // Error page props
-const statusCode = Number(props.error.statusCode || 500)
+const statusCode = Number(error.statusCode || 500)
 const is404 = statusCode === 404
 
-const statusMessage = props.error.statusMessage ?? (is404 ? 'Page Not Found' : 'Internal Server Error')
-const description = props.error.message || props.error.toString()
-const stack = process.dev && !is404 ? props.error.description || `<pre>${stacktrace}</pre>` : undefined
+const statusMessage = error.statusMessage ?? (is404 ? 'Page Not Found' : 'Internal Server Error')
+const description = error.message || error.toString()
+const stack = process.dev && !is404 ? error.description || `<pre>${stacktrace}</pre>` : undefined
 
 // TODO: Investigate side-effect issue with imports
 const _Error404 = defineAsyncComponent(() => import('@nuxt/ui-templates/templates/error-404.vue'))