fix(nuxt): fix lazy import of named components

[becem-gharbi]

🔗 Linked issue

resolves #23768

❓ 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

When lazy loading components the dynamic import always return the exported default. So named exported components cannot be lazy loaded.

nuxt/packages/nuxt/src/components/loader.ts

Line 77 in 8e4905c

imports.add(`const ${identifier} = __defineAsyncComponent(${genDynamicImport(component.filePath, { interopDefault: true })}${isClientOnly ? '.then(c => createClientOnly(c))' : ''})`)

📝 Checklist

• I have linked an issue or discussion.
• I have added tests (if possible).
• I have updated the documentation accordingly.

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[danielroe]

Any chance you could add a regression test to the basic/ test suite? (Just an example usage that previously would have failed.)

[becem-gharbi]

I have added test named lazy import components that checks if components are lazy loaded correctly considering import type (named) and rendering mode (client/server/all)