test(nuxt): Upgrade to Nuxt 4.6 ; Test imports from nuxt/server

Author: s1gr1d

dev-packages/e2e-tests/test-applications/nuxt-4/app/pages/fetch-server-routes.vue

@@ -7,17 +7,19 @@
 </template>
 
 <script setup lang="ts">
-import { useFetch } from '#imports';
+import { useFetch, useRoute } from '#imports';
+
+const apiPrefix = useRoute().query.apiPrefix ?? '/api';
 
 const fetchError = async () => {
-  await useFetch('/api/server-error');
+  await useFetch(`${apiPrefix}/server-error`);
 };
 
 const fetchNitroFetch = async () => {
-  await useFetch('/api/nitro-fetch');
+  await useFetch(`${apiPrefix}/nitro-fetch`);
 };
 
 const fetchThirdPartyHttpError = async () => {
-  await useFetch('/api/third-party-http-error');
+  await useFetch(`${apiPrefix}/third-party-http-error`);
 };
 </script>

dev-packages/e2e-tests/test-applications/nuxt-4/app/pages/test-param/[param].vue

@@ -3,9 +3,10 @@ import { useRoute, useFetch } from '#imports';
 
 const route = useRoute();
 const param = route.params.param;
+const apiPrefix = route.query.apiPrefix ?? '/api';
 
 const fetchError = async () => {
-  await useFetch(`/api/param-error/${param}`);
+  await useFetch(`${apiPrefix}/param-error/${param}`);
 };
 
 const fetchData = async () => {

dev-packages/e2e-tests/test-applications/nuxt-4/app/pages/test-param/user/[userId].vue

@@ -3,8 +3,9 @@ import { useFetch, useRoute } from '#imports';
 
 const route = useRoute();
 const userId = route.params.userId as string;
+const apiPrefix = route.query.apiPrefix ?? '/api';
 
-const { data } = await useFetch(`/api/user/${userId}`, {
+const { data } = await useFetch(`${apiPrefix}/user/${userId}`, {
   server: false, // Don't fetch during SSR, only client-side
 });
 </script>

dev-packages/e2e-tests/test-applications/nuxt-4/package.json

@@ -25,7 +25,7 @@
     "ioredis": "5.10.1",
     "mongoose": "^9.10.2",
     "mysql": "^2.18.1",
-    "nuxt": "^4.1.2"
+    "nuxt": "^4.6.0"
   },
   "devDependencies": {
     "@playwright/test": "~1.63.0",

dev-packages/e2e-tests/test-applications/nuxt-4/server/api/nuxt-server/middleware-test.ts

@@ -0,0 +1,9 @@
+import { defineEventHandler } from 'nuxt/server';
+
+export default defineEventHandler(event => {
+  return {
+    message: 'Server middleware test endpoint',
+    path: event.url.pathname,
+    method: event.req.method,
+  };
+});

dev-packages/e2e-tests/test-applications/nuxt-4/server/api/nuxt-server/nitro-fetch.ts

@@ -0,0 +1,7 @@
+import { defineEventHandler } from 'nuxt/server';
+
+// `$fetch` is a Nitro global, not a `nuxt/server` export, so the portable copy uses `fetch`.
+export default defineEventHandler(async () => {
+  const response = await fetch('https://example.com');
+  return response.text();
+});

dev-packages/e2e-tests/test-applications/nuxt-4/server/api/nuxt-server/param-error/[param].ts

@@ -0,0 +1,5 @@
+import { defineEventHandler } from 'nuxt/server';
+
+export default defineEventHandler(() => {
+  throw new Error('Nuxt 4 Param Server error');
+});

dev-packages/e2e-tests/test-applications/nuxt-4/server/api/nuxt-server/server-error.ts

@@ -0,0 +1,5 @@
+import { defineEventHandler } from 'nuxt/server';
+
+export default defineEventHandler(() => {
+  throw new Error('Nuxt 4 Server error');
+});

dev-packages/e2e-tests/test-applications/nuxt-4/server/api/nuxt-server/third-party-http-error.ts

@@ -0,0 +1,16 @@
+import { defineEventHandler } from 'nuxt/server';
+
+// Mimics ky's and got's `HTTPError`: it shares its `name` with h3's error class, but keeps the
+// status on `response` instead of on the error itself.
+class ThirdPartyHTTPError extends Error {
+  public readonly response = { status: 404 };
+
+  public constructor(message: string) {
+    super(message);
+    this.name = 'HTTPError';
+  }
+}
+
+export default defineEventHandler(() => {
+  throw new ThirdPartyHTTPError('Nuxt 4 third-party HTTPError');
+});

dev-packages/e2e-tests/test-applications/nuxt-4/server/api/nuxt-server/user/[userId].ts

@@ -0,0 +1,7 @@
+import { defineEventHandler, getRouterParam } from 'nuxt/server';
+
+export default defineEventHandler(event => {
+  const userId = getRouterParam(event, 'userId');
+
+  return `UserId Param: ${userId}!`;
+});