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 as 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.