title: How to pass props to <nuxt /> component pages
body: <p>Has anyone been able to pass props to pages in Nuxt.js?</p>
  <p>Typical Vue.js props can be passed as so:</p>
  <p><code>parent-component.vue</code></p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;child-component :basket-count=&quot;items.length&quot;/&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import ChildComponent from './child-component'
  export default {
    data () {
      items: [{}, {}]
    },
    components: {
      childComponent: ChildComponent
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p><code>child-component.vue</code></p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;p&gt;You have {{ basketCount }} items in your basket&lt;/p&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    props: [
      'basket-count'
    ]
  }
  &lt;/script&gt;
  </code></pre>
  <p>But when using the <code>&lt;nuxt /&gt;</code> tag in a layout <code>default.vue</code>, props do not get passed to the children pages as they should.</p>
  <p>Discussion has taken place already <a href="https://github.com/nuxt/nuxt.js/issues/1502#issuecomment-347491774" rel="nofollow noreferrer">here</a>, but the ticket appears to have no conclusion. I cannot yet troubleshoot a working means of achieving this.</p>
  <p>Will post back, but curious to know thoughts from Nuxt.js devs on this?</p>