feat(nuxt): scan and register layouts in nested folders

[Suv4o]

fix(nuxt): Nuxt 3 does not respect layouts in separate folders (#14275)

🔗 Linked issue

resolves #14275

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Fix the issue of not being able to create layouts in different directories, as specified in Issue #14275.

Now, we can define layouts in the following format:

For example:

File	Layout name
~/layouts/desktop/default.vue	'desktop-default'
~/layouts/desktop-base/base.vue	'desktop-base'
~/layouts/desktop/index.vue	'desktop'

<template>
    <NuxtLayout name="desktop-base">
      <NuxtPage />
    </NuxtLayout>
</template>

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders

[danielroe]

Wonderful - this looks great! ❤️

Just one change - rather than placing the normalisation logic here in the runtime, can we do it in the build time context (packages/nuxt/src/core/app.ts)?

[daktas]

@pi0 / @danielroe / @Atinux
anybody to validate this usefull PR ?

[danielroe]

I have already reviewed and requested a change.

now implemented

[Atinux]

Looks good to me, would be nice to update the documentation about it (can be done later)

[nuxt-studio]

✅ Live Preview ready!

Name	Edit	Preview	Latest Commit
Nuxt Docs	Edit on Studio ↗︎	View Live Preview	647ee7e

[madsh93]

I'm not sure if the is the right place to ask. What is the use case for this feature? Just curious.