For now, the title of each section of the FE app is placed under the app top bar, above any other content. The idea is to place such title in the top bar itself in the center (see image below, example based on entities route).
Task
The current title to show in the top bar should be stored inside Vuex. You can edit the Vuex store configuration in file raw-cms-app/modules/core/config.js and add a new property on state, e.g. called topBarTitle, with related mutation and action (see https://vuex.vuejs.org/ for more info on Vuex). Then the top bar should have a computed property which reads the title on Vuex state and renders it in the template.
Acceptance Criteria
This is the expected final result (example based on entities route):
The title on the top bar should update according to current active route.
User story
For now, the title of each section of the FE app is placed under the app top bar, above any other content. The idea is to place such title in the top bar itself in the center (see image below, example based on entities route).
Task
The current title to show in the top bar should be stored inside Vuex. You can edit the Vuex store configuration in file
raw-cms-app/modules/core/config.jsand add a new property on state, e.g. calledtopBarTitle, with related mutation and action (see https://vuex.vuejs.org/ for more info on Vuex). Then the top bar should have a computed property which reads the title on Vuex state and renders it in the template.Acceptance Criteria
This is the expected final result (example based on entities route):
The title on the top bar should update according to current active route.