Adding a config allow nested components

[qq1037305420]

Clear and concise description of the problem

As a developer using Unplugin I want to use nested component so that i can remember less component names.

It works when i manually import the component however Table.Delete is compiled as resolvecomponent('table.delete') since the auto imported component are renamed to unplugin_component_1.

Ex:

<Table>
   <Table.Delete></Table.Delete>
</Table> 

// compiled code
<unplugin_component_1>
   <resolvecomponent('table.delete')></resolvecomponent('table.delete')>
</unplugin_component_1> 

Suggested solution

add the ability to rename sub component.

<unplugin_component_1>
   <unplugin_component_1.Delete></unplugin_component_1.Delete>
</unplugin_component_1> 

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[ilyaliao]

Can you give me a demo that manually imports it successfully? maybe that'll give me a hint

[qq1037305420]

@ilyaliao Thanks for your interest in this feature. Here is a demo on nested component. nest component
another demo using import

[neostfox]

Related #786