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.