From e4af41f529e6e0abafcd17bd1cacf81a7f859910 Mon Sep 17 00:00:00 2001
From: Pooya Parsa <pooya@pi0.ir>
Date: Sat, 7 Oct 2017 13:17:31 +0330
Subject: [PATCH] rewrite nuxt.vue with render function

---
 lib/app/components/nuxt.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/lib/app/components/nuxt.vue b/lib/app/components/nuxt.vue
index 2bdd096dd8..c392f882bf 100644
--- a/lib/app/components/nuxt.vue
+++ b/lib/app/components/nuxt.vue
@@ -1,10 +1,3 @@
-<template>
-  <div class="nuxt">
-    <nuxt-error v-if="nuxt.err" :error="nuxt.err"></nuxt-error>
-    <nuxt-child :key="routerViewKey" v-else></nuxt-child>
-  </div>
-</template>
-
 <script>
 import Vue from 'vue'
 import NuxtChild from './nuxt-child'
@@ -14,6 +7,20 @@ import { compile } from '../utils'
 export default {
   name: 'nuxt',
   props: ['nuxtChildKey'],
+  render(h) {
+    // If there is some error
+    if (this.nuxt.err) {
+      return h('nuxt-error', {
+        props: {
+          error: this.nuxt.err
+        }
+      })
+    }
+    // Directly return nuxt child
+    return h('nuxt-child', {
+      key: this.routerViewKey
+    })
+  },
   beforeCreate () {
     Vue.util.defineReactive(this, 'nuxt', this.$root.$options._nuxt)
   },