fix(nuxt): load layer middlewares before project middlewares (#22925)

packages/nuxt/src/core/app.ts

@@ -116,9 +116,9 @@ async function resolveApp (nuxt: Nuxt, app: NuxtApp) {
     }
   }
 
-  // Resolve middleware/ from all config layers
+  // Resolve middleware/ from all config layers, layers first
   app.middleware = []
-  for (const config of nuxt.options._layers.map(layer => layer.config)) {
+  for (const config of nuxt.options._layers.map(layer => layer.config).reverse()) {
     const middlewareDir = (config.rootDir === nuxt.options.rootDir ? nuxt.options : config).dir?.middleware || 'middleware'
     const middlewareFiles = await resolveFiles(config.srcDir, `${middlewareDir}/*{${nuxt.options.extensions.join(',')}}`)
     app.middleware.push(...middlewareFiles.map((file) => {

test/basic.test.ts

@@ -1007,10 +1007,15 @@ describe('extends support', () => {
       expect(html).toContain('Middleware | foo: Injected by extended middleware from foo')
     })
 
-    it('extends bar/middleware/override over foo/middleware/override', async () => {
+    // theme is added after layers
+    it('extends foo/middleware/override over bar/middleware/override', async () => {
       const html = await $fetch('/override')
       expect(html).toContain('Middleware | override: Injected by extended middleware from bar')
     })
+    it('global middlewares sorting', async () => {
+      const html = await $fetch('/middleware/ordering')
+      expect(html).toContain('catchall at middleware')
+    })
   })
 
   describe('composables', () => {

test/fixtures/basic/extends/bar/middleware/a.global.ts

@@ -0,0 +1,3 @@
+export default defineNuxtRouteMiddleware(() => {
+  useNuxtApp().extendsMiddleware = true
+})

test/fixtures/basic/extends/bar/middleware/override.ts

@@ -1,3 +1,3 @@
 export default defineNuxtRouteMiddleware((to) => {
-  to.meta.override = 'Injected by extended middleware from bar'
+  to.meta.override = 'This middleware should be overriden by bar'
 })

test/fixtures/basic/extends/node_modules/foo/middleware/override.ts

@@ -1,3 +1,3 @@
 export default defineNuxtRouteMiddleware((to) => {
-  to.meta.override = 'This middleware should be overriden by bar'
+  to.meta.override = 'Injected by extended middleware from bar'
 })

test/fixtures/basic/middleware/b.global.ts

@@ -0,0 +1,5 @@
+export default defineNuxtRouteMiddleware((to) => {
+  if (to.path === '/middleware/ordering' && !useNuxtApp().extendsMiddleware) {
+    return createError('extendsMiddleware not set in layer')
+  }
+})