nuxt: Nuxt Link does not scroll to top on new page...

Environment

• Operating System: Darwin
• Node Version: v19.1.0
• Nuxt Version: 3.1.1
• Nitro Version: 2.1.0
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: runtimeConfig, pages, modules, plugins, build, googleFonts, i18n, strapi, vite
• Runtime Modules: @nuxtjs/tailwindcss@6.3.0, @nuxtjs/google-fonts@3.0.0-1, @nuxtjs/strapi@1.7.1, @nuxtjs/i18n@8.0.0-beta.9
• Build Modules: -

Reproduction

Simply add normal <NuxtLink :to"newPage"></NuxtLink> or in my situation with i18n : <NuxtLink :to="localePath({ name: newPage })"></NuxtLink>

Describe the bug

Hi, I know this was already added in bugs, but none of solutions I found here worked for me… When clicking a classical NuxtLink, page does not scroll to top.

Solutions I found and tried but not working :

Plugin use : /plugins/router.ts

import { defineNuxtPlugin } from "#app";

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

Middleware use : /middleware/route.global.ts

export default defineNuxtRouteMiddleware((to, from) => {
  useNuxtApp().hook("page:finish", () => {
    if (history.state.scroll) {
      setTimeout(() => window.scrollTo(history.state.scroll), 0);
    } else {
      setTimeout(() => window.scrollTo(0, 0), 0);
    }
  });
});

And finally router options use : /app/router.options.ts

import type { RouterConfig } from "@nuxt/schema";

export default <RouterConfig>{
  scrollBehavior(to, _from, savedPosition) {
    return new Promise((resolve, _reject) => {
      setTimeout(() => {
        if (savedPosition) {
          resolve(savedPosition);
        } else {
          if (to.hash) {
            resolve({
              el: to.hash,
              top: 80,
            });
          } else {
            resolve({ top: 0 });
          }
        }
      }, 100);
    });
  },
};

or :

import type { RouterOptions } from "@nuxt/schema";

export default <RouterOptions>{
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      return {
        top: 0,
        behavior: "smooth",
      };
    }
    return { top: 0 };
  },
};

Non of these solutions are working and page never goes top after nuxt link click.

Additional context

No response

Logs

No response