Components for my custom element styles are appended outside the shadow dom

[MehdiMamas]

Hey,

So I have this custom element and I use components within it. The thing is the styles for that components are appened in the head tag, unlike the custom element, they are appeneded within the shadow dom.

What I am expecting is for the component's styles to be appened next to the custom element's styles.

import AnswerBox from "@/answer-box/AnswerBox.ce.vue";
const myCustomAnswerBox = defineCustomElement(AnswerBox);
customElements.define("classpass-answer-box", myCustomAnswerBox);

I am not sure if there is an option for this one, it even took me a while to even figure out how to append the CE's styles within the shadow dom.