chore(repo): Migrate Nuxt E2E template to v4 (#6942)

Author: wobsoriano

.changeset/long-wolves-vanish.md

@@ -0,0 +1,2 @@
+---
+---

integration/templates/nuxt-node/app.vue renamed to integration/templates/nuxt-node/app/app.vue

@@ -10,7 +10,7 @@
     "preview": "nuxt preview --port $PORT"
   },
   "dependencies": {
-    "nuxt": "^3.15.0",
+    "nuxt": "4.1.2",
     "vue": "^3.5.13",
     "vue-router": "^4.4.5"
   }

integration/templates/nuxt-node/middleware/auth.global.js renamed to integration/templates/nuxt-node/app/middleware/auth.global.js

@@ -24,10 +24,10 @@ test.describe('custom middleware @nuxt', () => {
       )
       .addFile(
         'server/middleware/clerk.js',
-        () => `import { clerkMiddleware, createRouteMatcher, getAuth } from '@clerk/nuxt/server';
+        () => `import { clerkMiddleware, createRouteMatcher } from '@clerk/nuxt/server';
 
         export default clerkMiddleware((event) => {
-          const { userId } = getAuth(event);
+          const { userId } = event.context.auth();
           const isProtectedRoute = createRouteMatcher(['/api/me']);
 
           if (!userId && isProtectedRoute(event)) {
@@ -40,7 +40,7 @@ test.describe('custom middleware @nuxt', () => {
       `,
       )
       .addFile(
-        'pages/me.vue',
+        'app/pages/me.vue',
         () => `<script setup>
         const { data, error } = await useFetch('/api/me');
         </script>