feat(scroll-top): fix scroll top on page changes.. same fix as nuxt.com

app.config.ts

@@ -83,6 +83,12 @@ export default defineAppConfig({
   }
 })
 
+interface IconLink {
+  href: string
+  icon: string
+  label?: string
+}
+
 declare module '@nuxt/schema' {
   interface AppConfigInput {
     docus?: {
@@ -100,6 +106,7 @@ declare module '@nuxt/schema' {
       aside?: {
         level: number
         exclude?: string[]
+        collapsed?: boolean
       },
       header?: {
         title?: string,
@@ -108,15 +115,13 @@ declare module '@nuxt/schema' {
         exclude?: string[]
       },
       footer?: {
-        credits?: boolean
+        credits?: boolean | {
+          icon: string
+          text: string
+          href: string
+        }
         iconLinks?: IconLink[]
       }
     }
   }
 }
-
-interface IconLink {
-  href: string
-  icon: string
-  label?: string
-}

app/router.options.ts

@@ -1,7 +1,16 @@
 import type { RouterConfig } from '@nuxt/schema'
 // https://router.vuejs.org/api/interfaces/routeroptions.html
 export default <RouterConfig> {
-  scrollBehavior (to) {
+  scrollBehavior (to, _form, savedPosition) {
+    if (history.state.stop) { return }
+
+    if (history.state.smooth) {
+      return {
+        el: history.state.smooth,
+        behavior: 'smooth'
+      }
+    }
+
     if (to.hash) {
       const el = document.querySelector(to.hash) as any
 
@@ -18,5 +27,12 @@ export default <RouterConfig> {
         behavior: 'smooth'
       }
     }
+
+    // Scroll to top of window
+    if (savedPosition) {
+      return savedPosition
+    } else {
+      return { top: 0 }
+    }
   }
 }