Quiero obtener h1 cada vez que la página cambia a otra página, pero intente actualizarlo, no funcionó en nuxt, quiero escribir un código js que funcione al ingresar a cualquier página

Intenté esto pero el resultado es nulo

 export default async ({ app }) => { app.router.afterEach((to, from) => { console.log(document.querySelector("h1")) }); }

En vue estaba usando Vue.mixin y (actualizado) ahora en nuxt No sé cómo hacerlo