Add example for custom-layout

examples/custom-layout/layouts/dark.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="dark">
+    <nuxt/>
+  </div>
+</template>
+
+<style>
+.dark {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  min-height: 100%;
+  background: black;
+  color: white;
+  padding: 10px;
+}
+.dark a {
+  color: white;
+}
+</style>

examples/custom-layout/layouts/default.vue

@@ -1,8 +1,8 @@
 <template>
-  <nuxt-container>
+  <div>
     <img src="logo.png"/>
     <nuxt/>
-  </nuxt-container>
+  </div>
 </template>
 
 <style scoped>

examples/custom-layout/layouts/error.vue

@@ -0,0 +1,9 @@
+<template>
+  <h1>Custom error page</h1>
+</template>
+
+<script>
+export default {
+  props: ['error']
+}
+</script>

examples/custom-layout/pages/about.vue

@@ -7,6 +7,7 @@
 
 <script>
 export default {
+  layout: 'dark',
   data ({ req }) {
     return {
       name: req ? 'server' : 'client'