How to manage header changes in Vue.js?

Question

Vue.js

Допустим есть SPA приложение, есть список новостей со статичным заголовком h1 и страница новости которая подгружается через ресурс, после этого меняется заголовок на тот что пришел с ответа.
Так вот вопрос, как правильно вынести сам заголовок h1 за компонент из роута в layout.
У меня появилась только такая идея:
- в vuex завести модуль page, с параметром title и экшином setPageTitle
- в компоненте page-title который содержит h1, слушать изменения из хранилища
- компоненты которые меняют заголовок страницы, после получения информации вызывают setPageTitle из хранилища и обновляют внешний компонент page-title