I want to set the page title to a different value for each page.
In regular Vue.js, I have done the following:
import router from './router'
import { store } from './store/store';
router.beforeEach((to, from, next) => {
store.mutations.setRoute(to);
document.title = store.getters.pageTitle;
next();
}
How would I get that effect in nuxt?
That is, on both initial page load and when changing pages, I want the browser tab's title to change. For instance, from "My App - About" to "My App - Profile".
from nuxt docs, in each pages
component you can define the head function that returns the title of page i.e.
head() {
return {
title: "About page"
};
}