fix(nuxt): prevent initial scroll jump when loading page

[danielroe]

🔗 Linked issue

resolves #19664
resolves #25030
resolves #22487

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

When performing an initial load of a page, there are two navigation events that happen, first when the router plugin initialises, and then after all plugins run (to give a chance for plugins to register middleware).

This causes a jump of the scroll to the top and then after all plugins run, it restores the scroll position. However, this is unaesthetic and a bad user experience.

Rather than adjusting the scrollBehavior itself, we can set window.history.scrollRestoration to auto until these first two navigations have taken place.

https://github.com/vuejs/router/blob/main/packages/router/src/router.ts#L378-L381

This supersedes some of #24960 but by no means all. (cc: @bernhardberger)

📝 Checklist

• I have linked an issue or discussion.
• I have added tests (if possible).
• I have updated the documentation accordingly.

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[manniL]

Really good catch! And also, the stream agrees 😁

[bernhardberger]

Thanks @danielroe - I overlooked this in my PR.