From 9340a0e7d0a66354f7cc0b74f970be9aae563949 Mon Sep 17 00:00:00 2001
From: Pooya Parsa <pooya@pi0.ir>
Date: Thu, 10 Aug 2017 15:15:49 +0430
Subject: [PATCH] fix error page stacks on dev

---
 lib/app/components/nuxt-error.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/lib/app/components/nuxt-error.vue b/lib/app/components/nuxt-error.vue
index 9db40c8470..ac342b8063 100644
--- a/lib/app/components/nuxt-error.vue
+++ b/lib/app/components/nuxt-error.vue
@@ -6,7 +6,9 @@
           <div class="column">
             <h1>{{ statusCode }} </h1>
             <h4> {{ message }} </h4>
-            <%if(debug){%><pre class="error-box"><code>URI: {{ $route.path }}<br>{{ error.stack }}</code></pre><%}%>
+            <% if(debug) { %>
+              <pre class="error-box" v-if="mounted"><code>Route: {{ $route.fullPath }}<br>Query: {{ $route.query }}<br>Params: {{$route.params}}<br>{{ error.stack }}</code></pre>
+            <% } %>
             <p v-if="statusCode === 404">
               <nuxt-link class="error-link" to="/">Back to the home page</nuxt-link>
             </p>
@@ -38,6 +40,16 @@ export default {
       ]
     }
   },
+  <% if(debug) { %>
+  data () {
+    return {
+      mounted: false
+    }
+  },
+  mounted () {
+    this.mounted = true
+  },
+  <% } %>
   computed: {
     statusCode () {
       return (this.error && this.error.statusCode) || 500
@@ -69,11 +81,13 @@ export default {
   margin: 0 auto;
   max-width: 70%;
 }
+<% if(debug) { %>
 .__nuxt-error-page .error-box {
   box-shadow: 0px 0px 9px #d3d3d3;
   padding: 10px;
   text-align: left;
 }
+<% } %>
 .__nuxt-error-page .poweredby {
   text-align: center;
   margin-top: 10%;