Scroll to top when new page loads

How do I make nuxt scroll to top every time new page is visited?
Right now I tried to make my own plugin but it doesn't work for some reason...
(It doesn't even console log)
scroll.js

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('page:finished', () => {
    console.log("Scrolling to top");
    window.scrollTo({
      top: 0,
      left: 0,
      behavior: 'smooth'
    });
  })
});

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('page:finished', () => {
    console.log("Scrolling to top");
    window.scrollTo({
      top: 0,
      left: 0,
      behavior: 'smooth'
    });
  })
});

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('page:finished', () => {
    console.log("Scrolling to top");
    window.scrollTo({
      top: 0,
      left: 0,
      behavior: 'smooth'
    });
  })
});

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('page:finished', () => {
    console.log("Scrolling to top");
    window.scrollTo({
      top: 0,
      left: 0,
      behavior: 'smooth'
    });
  })
});

Scroll to top when new page loads

Similar Threads

Similar Threads

Similar Threads