title: Nuxt layouts not being added to routes
body: <p>We've got a Nuxt setup with an auto-generated <code>router.js</code>. What I'm trying to achieve is a different layout for specific pages, with a different html structure. What I'm expecting to happen, is that the layout will be added to nuxt.config.js, as a meta tag (<code>meta: { layout: 'newLayout' }</code>).</p>
  
  <p>What I did:</p>
  
  <ol>
  <li>created the new layout file in /layouts/, <code>newLayout.vue</code>:</li>
  </ol>
  
  <pre><code>&lt;template&gt;
    &lt;div class="testclass"&gt;
      &lt;Top /&gt;
      &lt;Header /&gt;
      &lt;nuxt /&gt;
      &lt;Footer /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Top from '~/components/Top.vue';
  import Header from '~/components/Header.vue';
  import Footer from '~/components/Footer.vue';
  import init from '~/mixins/init';
  
  export default {
    components: {
      Top,
      Header,
      Footer,
    },
    mixins: [init],
    mounted() {
      console.log('blep');
    },
  };
  &lt;/script&gt;
  </code></pre>
  
  <ol start="2">
  <li>Specified I wanted to use the new layout in the pages I need it in. I've tried both </li>
  </ol>
  
  <pre><code>   meta: {
         layout: 'newLayout',
     },
  </code></pre>
  
  <p>and just </p>
  
  <pre><code>    layout: 'newLayout',
  </code></pre>
  
  <ol start="3">
  <li>I'm checking to see if anything shows up in <code>router.js</code>, but so far it doesn't. The correct layout isn't loaded either (naturally).</li>
  </ol>
  
  <p>My file tree is as follows:</p>
  
  <pre><code>nuxt/
  --| components/
  --| layouts/
  ----| default.vue
  ----| newLayout.vue
  --| pages/
  ----| newLayout/
  ------| _.vue
  ------| index.vue
  ----| _.vue
  ----| index.vue
  ----| newLayout.vue
  </code></pre>
  
  <p>Which step am I missing?</p>
  
  <p>&nbsp;</p>
  
  <p>&nbsp;</p>
  
  <p>NB. I can write my own check in <code>nuxt.config.js</code>, and add the meta tag myself but this also gives unexpected results... the output is <code>meta: {"layout":"newLayout"},</code>, which doesn't seem to be correct as "layout" should be without quotes? It doesn't work either way... and if I read the docs and examples correctly, I should not have to be required to edit in the layouts information manually anyway.</p>