scrollBehavior example in RouterOptions

[Lord-Y]

Hello guys,

I'm trying to set the scrollBehavior, but i'm failing to do it. I tried this:

import type { RouterOptions } from 'vue-router'
import { createWebHistory } from 'vue-router'

export default viteSSR(
  App,
  {
    routes,
    routerOptions: z,
    transformState(state) {
      return import.meta.env.SSR ? devalue(state) : state
    },
  },
.....
....
)

It's failing with erros like ReferenceError: window is not defined

I also tried:

export default viteSSR(
  App,
  {
    routes,
    routerOptions: function scrollBehavior(to, from, savedPosition) {
      return { top: 0 }
    },
    transformState(state) {
      return import.meta.env.SSR ? devalue(state) : state
    },
  },
.....
....
)

But it's not good either as the page is not scrolling to the top.
Can I have some help?

Thx

[frandiox]

routerOptions is an object:

export default viteSSR(
  App,
  {
    routes,
    routerOptions: {
      scrollBehavior(...) {
         return ...
      }
    },
    transformState(state) {
      return import.meta.env.SSR ? devalue(state) : state
    },
  },
  () => {...}
)

[Lord-Y]

Thanx for the help, it's working 💯