title: Passing props from layout to component
body: <p>So I'm fairly new to vue and my googlefu may not be good enough, but what I am trying to do is pass props from layout =&gt; global component. Is this something that's possible? I'm currently playing around and have a default layout defined as such</p>
  <p>layouts/default.vue</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;SiteNav/&gt;
      &lt;nuxt class=&quot;nuxt-container&quot;/&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import SiteNav from &quot;../components/SiteNav&quot;
  
  export default {
    test: &quot;corgi&quot;,
    components: {
      SiteNav
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>components/SiteNav.vue</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;nuxt-link to=&quot;/sign-in&quot;&gt;Click to Sign In&lt;/nuxt-link&gt;
      &lt;nuxt-link to=&quot;/second-page&quot;&gt;Click to Second Page&lt;/nuxt-link&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  export default {
    props: {
      test: {
        type: String,
        required: false,
        default: &quot;&quot;
      }
    },
    created() {
      this.$parent.$emit(&quot;update:layout&quot;, this.test)
    },
    render() {
      return this.$slots.default[0]
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>I've been able to create multiple pages that all uses this global component but I haven't been able to successfully pass props from the layout to the global component. Is there a way?</p>