@radix-ui/react-slot's Slottable like component for vue

[sharmapukar217]

While using which contains the slots, if i pass asChild props, then all those slots are not handled properly. Also, since the current approach just pass the props to the first child, if i have a component say:

<Icon name="lucide:home" />
<slot />
<Icon name="lucide:chevron-left" />
</Primitive>

All the props are passed to first Icon and both the icon are placed outside the child. What i want is to wrap these two icons inside child when asChild is passed. Basically just replacing the with the actual child.