title: Access page data on component
body: <p>I'm writing my first app using NUXT. I'm stuck at this issue for 2 days, so I decided to ask even if I think this is a question with a simple answer (it has to be).</p>
  
  <p>On my project's <em>layouts</em> I have a default.vue and a home.vue</p>
  
  <p>default.vue:</p>
  
  <pre><code>&lt;template&gt;  
    &lt;div&gt;
      &lt;!-- call Header component, this has an nav menu --&gt;
      &lt;Header /&gt;
  
      &lt;!-- call Hero component --&gt;
      &lt;Hero /&gt;
  
      &lt;nuxt /&gt;
  
      &lt;Footer /&gt;
  
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Header from '~/components/Header.vue'  
  import Footer from '~/components/Footer.vue'
  import Hero from '~/components/Hero.vue'  
  
  export default {  
    components: {
      Header,
      Footer,
      Hero
    },
  }
  &lt;/script&gt;  
  </code></pre>
  
  <p>I want <em></em> to display data from each page (title, subtitle and imageUrl). This data sometimes come from an apollo query request other times are defined on page file.</p>
  
  <p>I've read the docs and searched here for the answer but I wans't able to implement it. I think it has to be done thought <em>Vuex store</em> but I don't know how.</p>
  
  <p>Thank you</p>