Есть ли способ ссылаться на MetaInfo в макетах для Gridsome?

Question

Используя Gridsome, я хочу сослаться на MetaInfo любой данной страницы, как показано ниже в компоненте макета:

 <h1 class="page-title">
   {{ metaInfo.title }}
 </h1>

На странице у меня есть мета-информация, определенная следующим образом (и это правильно заполняет голову)

export default {
  metaInfo: {
    title: 'About'
  }
}

Answer 1

Вы должны изменить свой объект metaInfo на функцию и вернуть титровальный объект.

Попробуйте это:

<h1 class="page-title">
  {{ $metaInfo.title }}
</h1>

И в вашем экспорте по умолчанию используйте это:

metaInfo() {
  return {
    title: 'About'
  };
}