Remove nuxt-container

lib/app/App.vue

@@ -1,7 +1,7 @@
 <template>
-  <nuxt-container>
+  <div id="__nuxt">
     <component v-if="layout" :is="layout"></component>
-  </nuxt-container>
+  </div>
 </template>
 
 <script>
@@ -14,6 +14,7 @@ layoutsKeys.forEach(function (key, i) { %>
 }
 
 export default {
+  head: <%= JSON.stringify(head) %>,
   data: () => ({
     layout: null,
     layoutName: ''
@@ -46,3 +47,7 @@ export default {
   }
 }
 </script>
+
+<% css.forEach(function (c) { %>
+<style src="<%= (typeof c === 'string' ? c : c.src) %>" lang="<%= (c.lang ? c.lang : 'css') %>"></style>
+<% }) %>

lib/app/components/nuxt-container.vue

@@ -1,16 +0,0 @@
-<template>
-  <div id="__nuxt">
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'nuxt-container',
-  head: <%= JSON.stringify(head) %>
-}
-</script>
-
-<% css.forEach(function (c) { %>
-<style src="<%= (typeof c === 'string' ? c : c.src) %>" lang="<%= (c.lang ? c.lang : 'css') %>"></style>
-<% }) %>

lib/app/index.js

@@ -4,14 +4,11 @@ import Vue from 'vue'
 import Meta from 'vue-meta'
 import router from './router.js'
 <% if (store) { %>import store from '~store/index.js'<% } %>
-import NuxtContainer from './components/nuxt-container.vue'
 import NuxtChild from './components/nuxt-child.js'
 import NuxtLink from './components/nuxt-link.js'
 import Nuxt from './components/nuxt.vue'
 import App from '<%= appPath %>'
 
-// Component: <nuxt-container>
-Vue.component(NuxtContainer.name, NuxtContainer)
 // Component: <nuxt-child>
 Vue.component(NuxtChild.name, NuxtChild)
 // Component: <nuxt-link>

lib/build/index.js

@@ -154,7 +154,6 @@ function * generateRoutesAndFiles () {
     'router.js',
     'server.js',
     'utils.js',
-    'components/nuxt-container.vue',
     'components/nuxt-loading.vue',
     'components/nuxt-child.js',
     'components/nuxt-link.js',
@@ -360,8 +359,10 @@ function createRenderer (bundle) {
 
 function watchPages () {
   const patterns = [
+    r(this.srcDir, 'pages'),
     r(this.srcDir, 'pages/*.vue'),
     r(this.srcDir, 'pages/**/*.vue'),
+    r(this.srcDir, 'layouts'),
     r(this.srcDir, 'layouts/*.vue'),
     r(this.srcDir, 'layouts/**/*.vue')
   ]

test/fixtures/with-config/layouts/app.vue

@@ -1,5 +0,0 @@
-<template>
-  <nuxt-container>
-    <nuxt/>
-  </nuxt-container>
-</template>

test/fixtures/with-config/layouts/default.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>Default layout</h1>
+    <nuxt/>
+  </div>
+</template>