Slide inside components

Anyone achieved to use ion-slide inside components?

This works fine:

<ion-slides>
   <ion-slide><my-component/></ion-slide>
   <ion-slide><my-component/></ion-slide>
</ion-slides>

This won’t work respectively slider will be displayed with only one slide (everything will be rendered in the dom but the slide’s page count will be one)

 <ion-slides>
    <my-component><ion-slide></ion-slide></my-component>
    <my-component><ion-slide></ion-slide></my-component>
 </ion-slides>

any idea how to achieve that?

I kind of think it isn’t possible yet, anyhow, I have created my own custom slider components which support shadow dom