feat(nuxt): sort numbered middleware/plugins from all layers

packages/nuxt/src/core/templates.ts

@@ -7,7 +7,7 @@ import escapeRE from 'escape-string-regexp'
 import { hash } from 'ohash'
 import { camelCase } from 'scule'
 import { filename } from 'pathe/utils'
-import type { NuxtTemplate } from 'nuxt/schema'
+import type { NuxtMiddleware, NuxtTemplate } from 'nuxt/schema'
 import { annotatePlugins, checkForCircularDependencies } from './app'
 
 export const vueShim: NuxtTemplate = {
@@ -208,14 +208,21 @@ export const layoutTemplate: NuxtTemplate = {
 export const middlewareTemplate: NuxtTemplate = {
  filename: 'middleware.mjs',
  getContents ({ app }) {
- const globalMiddleware = app.middleware.filter(mw => mw.global)
+ const globalMiddleware = sortGlobalMiddleware(app.middleware.filter(mw => mw.global))
  const namedMiddleware = app.middleware.filter(mw => !mw.global)
  const namedMiddlewareObject = genObjectFromRawEntries(namedMiddleware.map(mw => [mw.name, genDynamicImport(mw.path)]))
+
  return [
  ...globalMiddleware.map(mw => genImport(mw.path, genSafeVariableName(mw.name))),
  `export const globalMiddleware = ${genArrayFromRaw(globalMiddleware.map(mw => genSafeVariableName(mw.name)))}`,
  `export const namedMiddleware = ${namedMiddlewareObject}`
  ].join('\n')
+ function sortGlobalMiddleware (globalMiddleware: NuxtMiddleware[]): NuxtMiddleware[] {
+ const reg = /^\d/
+ const withOrdergGobalMiddleware = globalMiddleware.filter(m => reg.test(m.name)).toSorted((l, r) => l.name > r.name ? 1 : -1)
+ const withoutOrdergGobalMiddleware = globalMiddleware.filter(m => !reg.test(m.name))
+ return [...withOrdergGobalMiddleware, ...withoutOrdergGobalMiddleware]
+ }
  }
 }