From 68527a612a05128c2800cf13ada2135b0bd38589 Mon Sep 17 00:00:00 2001
From: mercs600 <kontakt@mercs600.pl>
Date: Sat, 21 Mar 2020 19:40:54 +0100
Subject: [PATCH] feat(layouts): add page content for error pages (#19)

---
 example/layouts/error.vue           |  6 +++++
 lib/templates/middleware/context.js | 37 +++++++++++++++++++----------
 2 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/example/layouts/error.vue b/example/layouts/error.vue
index 4b74a0d6..2d79e2b8 100644
--- a/example/layouts/error.vue
+++ b/example/layouts/error.vue
@@ -1,6 +1,12 @@
 <template>
   <div>
     <h1>ERROR PAGE {{ error.statusCode }}</h1>
+    <be-dynamic
+      v-if="error.ssr"
+      :page="error.ssr.pageContent.page"
+      :content="error.ssr.pageContent.content"
+      :type="error.ssr.backendLayout"
+    />
   </div>
 </template>
 <script>
diff --git a/lib/templates/middleware/context.js b/lib/templates/middleware/context.js
index 6512ac89..2f743582 100644
--- a/lib/templates/middleware/context.js
+++ b/lib/templates/middleware/context.js
@@ -3,26 +3,37 @@ import { isDynamicRoute } from '~typo3/lib/route'
 import { SET_PAGE } from '~typo3/store/mutation-types'
 import { getBackendLayout, getFrontendLayout } from '~typo3/lib/layouts'
 
+const setContext = (context, response) => {
+  if (response.data && response.data.page) {
+    context.layout = getFrontendLayout(
+      response.data.page.appearance.layout,
+      context.app.$typo3.options.layouts
+    )
+    context.backendLayout = getBackendLayout(
+      context.app.components,
+      response.data.page.appearance.backendLayout
+    )
+    context.pageContent = response.data
+    context.store.commit(SET_PAGE, response.data)
+  }
+}
+
 middleware.typo3Context = function(context) {
   const path = context.route.fullPath || context.route.path
   if (isDynamicRoute(context.route)) {
     return context.app.$typo3.api
       .getPage(path)
-      .then(resp => {
-        context.layout = getFrontendLayout(
-          resp.data.page.appearance.layout,
-          context.app.$typo3.options.layouts
-        )
-        context.backendLayout = getBackendLayout(
-          context.app.components,
-          resp.data.page.appearance.backendLayout
-        )
-        context.pageContent = resp.data
-        context.store.commit(SET_PAGE, resp.data)
-      })
+      .then(response => setContext(context, response))
       .catch(error => {
-        context.errorResponse = error.response
+        setContext(context, error.response)
         return context.error({
+          ssr: context.pageContent
+            ? {
+                layout: context.layout,
+                backendLayout: context.backendLayout,
+                pageContent: context.pageContent
+              }
+            : null,
           message: error.response.message,
           statusCode: error.response.status
         })