Environment

• Operating System: Darwin
• Node Version: v20.7.0
• Nuxt Version: 3.8.2
• CLI Version: 3.9.1
• Nitro Version: 2.8.0
• Package Manager: yarn@3.5.1
• Builder: -
• User Config: extends, alias, dir, typescript, app, components, imports
• Runtime Modules: -
• Build Modules: -

Reproduction

https://stackblitz.com/edit/github-zx3fux

Describe the bug

Using global middlewares with Nuxt Layers will not retain the alphabetical order based on the file names.

In my repodruction my nuxt-app project extends base-layer.

Global middlwares in nuxt-app:

• 00.main.global.ts

Global middlwares in base-layer:

• 01.base.global.ts

Expcted order:

• 00.main.global.ts
• 01.base.global.ts

Actual order:

• 01.base.global.ts
• 00.main.global.ts

Check logs in the reproduction.

Currently I fixed the issue by using plugins to register the middlewares in the right order:
Base Plugin:

// base-layer/plugins/00.global-middleware-fix.ts
export default defineNuxtPlugin(() => {
  globalBaseMiddlewares.forEach((middleware, index) => addRouteMiddleware(`00-${index}`, middleware, { global: true }))
})

Main Plugin:

// plugins/00.global-middleware-fix.ts
export default defineNuxtPlugin(() => {
  globalMainMiddlewares.forEach((middleware, index) => addRouteMiddleware(`00-${index}`, middleware, { global: true }))
})

Additional context

Related stackoverflow post: https://stackoverflow.com/questions/77826748/order-of-middlewares-in-nuxt3-layers

Logs

No response