fix(nuxt): Prevent Nuxt route middlewares from seeing intermediate states during navigation (#6802)

Author: wobsoriano

.changeset/funny-peaches-float.md

@@ -0,0 +1,5 @@
+---
+"@clerk/nuxt": patch
+---
+
+Fixed an issue where Nuxt route middleware saw intermediate states during navigation, causing unwanted redirects during sign-in/sign-out flows.

packages/nuxt/src/runtime/plugin.ts

@@ -4,6 +4,9 @@ import { clerkPlugin } from '@clerk/vue';
 import { setErrorThrowerOptions } from '@clerk/vue/internal';
 import { defineNuxtPlugin, navigateTo, useRuntimeConfig, useState } from 'nuxt/app';
 
+// @ts-expect-error: Handled by Nuxt.
+import { nextTick } from '#imports';
+
 setErrorThrowerOptions({ packageName: PACKAGE_NAME });
 setClerkJsLoadingErrorPackageName(PACKAGE_NAME);
 
@@ -25,8 +28,16 @@ export default defineNuxtPlugin(nuxtApp => {
       version: PACKAGE_VERSION,
       environment: process.env.NODE_ENV,
     },
-    routerPush: (to: string) => navigateTo(to),
-    routerReplace: (to: string) => navigateTo(to, { replace: true }),
+    routerPush: (to: string) => {
+      return nextTick(() => {
+        void navigateTo(to);
+      });
+    },
+    routerReplace: (to: string) => {
+      return nextTick(() => {
+        void navigateTo(to, { replace: true });
+      });
+    },
     initialState: initialState.value,
   });
 });