From a24f05a5b4aa53cccceca12efa97f3495dfa11db Mon Sep 17 00:00:00 2001
From: Adam <a.marcinkowski@macopedia.com>
Date: Wed, 8 Nov 2023 09:51:19 +0100
Subject: [PATCH] fix: handle JSON error handling (#322)

---
 example/layouts/error.vue | 5 +++--
 lib/lib/context.js        | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/example/layouts/error.vue b/example/layouts/error.vue
index 2b9e8c6d..7a439d25 100644
--- a/example/layouts/error.vue
+++ b/example/layouts/error.vue
@@ -1,8 +1,9 @@
 <template>
   <div>
-    <h1>ERROR PAGE {{ error.statusCode }}</h1>
+    <h1>ERROR PAGE {{ error.message }}</h1>
+
     <t3-dynamic
-      v-if="t3page"
+      v-if="t3page && t3page.content"
       :data="t3page.content"
       :type="t3page.appearance.backendLayout"
       layout
diff --git a/lib/lib/context.js b/lib/lib/context.js
index 7276f6eb..3228924c 100644
--- a/lib/lib/context.js
+++ b/lib/lib/context.js
@@ -42,7 +42,7 @@ async function setErrorContext (context, httpError) {
   const { error } = context
   const errorContext = {
     ssr: null,
-    message: httpError.response?.message || httpError.message,
+    message: httpError.response?.data?.reason || httpError.response?.message || httpError.message,
     statusCode: httpError.response?.status || 500,
     rawError: httpError
   }