Cannot override `components/content` when using multi layer

[pi0]

Environment

---

• Operating System: Darwin
• Node Version: v16.16.0
• Nuxt Version: 3.0.0-rc.6-27661960.60656df
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: app, algolia, content, nitro, extends, github, theme, modules, plausible, colorMode
• Runtime Modules: @nuxthq/admin@0.0.1-27627055.9933660, @nuxtlabs/github-module@1.3.1-27629534.edb1935, @nuxtjs/algolia@1.1.1
• Build Modules: -

---

Reproduction

https://codesandbox.io/s/eager-noyce-r9tjgs (originally posted by @CodeDredd in nuxt/framework#6382 (comment))

Describe the bug

Previously it was fine by using components:dirs and unshift a directory. But when supporting multi-layer in #1404, since we start by highest periority layer, second layers if containing components/content, their directory will be unshifted to the top, overriding user ones.

Additional context

nuxt/framework#6382

Logs

Example before hook:


[                                                                                                                                                   19:04:47
  '/Users/pooya/tmp/r9tjgs/components/global',
  '/Users/pooya/tmp/r9tjgs/components',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/app',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/docs',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/prose',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/content',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/github',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/icons'
]

After hook:

[                                                                                                                                                   19:04:47
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/content',
  '/Users/pooya/tmp/r9tjgs/components/global',
  '/Users/pooya/tmp/r9tjgs/components',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/app',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/docs',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/prose',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/content',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/github',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt-themes/docus/components/icons',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxtjs/algolia/dist/runtime/components',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxt/content/dist/runtime/components',
  '/Users/pooya/tmp/r9tjgs/node_modules/@nuxthq/studio/dist/runtime/components'
]

[CodeDredd]

@pi0 ping 👍 😄 ... starting a fix here

[CodeDredd]

I think you can simply reverse layers() so that last unshift goes to first

@pi0 Almost 😆

[                                                                                                                                                                                                                                                                                                                                               20:36:10
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/components/content',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/content',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/app',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/docs',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/prose',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/content',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/github',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/icons',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/components/global',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/components',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxtjs/algolia/dist/runtime/components',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt/content/dist/runtime/components',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxthq/studio/dist/runtime/components'
]

[CodeDredd]

@pi0 Reverse is the right thing. But thats all what can be done here. If i think it right now it goes back to nuxt. Because dirs already has this state:

  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/app',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/docs',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/prose',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/content',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/github',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt-themes/docus/components/icons',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/components/global',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/components',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxtjs/algolia/dist/runtime/components',
  '/home/dredd/PhpstormProjects/storm-tail/pinia-orm/docs/node_modules/@nuxt/content/dist/runtime/components'

and only content comes then on top of it.