configurable `scrollBehavior`

Environment

---

• Operating System: Darwin
• Node Version: v16.11.0
• Nuxt Version: 3.0.0-27267528.292b524
• Package Manager: npm@8.0.0
• Bundler: Vite
• User Config: buildModules, css, meta
• Runtime Modules: -
• Build Modules: nuxt-windicss@^2.0.3

---

Describe the bug

scrollBehavior setting (which is available in Nuxt2) doesn’t work. I tried both nuxt.config.ts router.scrollBehavior and putting router.scrollBehavior.js in project route but they have no effect.

I couldn’t find any document on scrollBehavior at Nuxt3 docs website… Is there any way to make it work?

Reproduction

nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  // ......
  router: {
    scrollBehavior: () => ({ x: 0, y: 0 }),
  },
})

~/router.scrollBehavior.js

export default () => {
  console.log('here') // never called
  return { x: 0, y: 0 }
}

Additional context

No response

Logs

No response

[dergunovs]

You can set this in a plugin:

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.$router.options.scrollBehavior = () => {
    return { left: 0, top: 0 }
  }
})

This fix works not so smooth. White blink spoils the impression.

[danielroe]

You can set this in a plugin:

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.$router.options.scrollBehavior = () => {
    return { left: 0, top: 0 }
  }
})