[Vue.js] Héritage de props

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

Je cherche à passer des props de mon composent parent à mon composant fils.

<app title="Eventium"
           color="blue"
           accent="orange"
           variation="darken-3">

           <page>
           </page>
      </app>

Ce que je veux

Je cherche à pouvoir récupérer les props title, color, accent et variation du composant app dans le composant page .
Pour ce faire j'utilise:

    <button class="margin-b right col m5 s12 btn {{color}}"
        v-on:click="logIn">
        Sign in
    </button>
    <button class="margin-b left col m5 s12 btn {{accent}}">
        Sign up
    </button>

Ce que j'obtiens

Les props ne sont pas transféré par héritage. Je ne sais pas comment faire :/