Handling scrollBehavior

[wilfredinni]

Hi! How would you handle scrollBehavior with vite-plugin-pages. I need to scroll to top if there is no hash, otherwise, to the hash. Thank you!

[wilfredinni]

Never mind, I just added this to App.vue

const router = useRouter()
router.options.scrollBehavior = (to, _from, savedPosition) => {
  if (savedPosition) return savedPosition
  if (to.hash) return { el: to.hash, behavior: 'smooth' }
  else return { top: 0 }
}

[hannoeru]

You can setup this when creating vue router instance.

https://router.vuejs.org/guide/advanced/scroll-behavior.html