we want to build an application with svelte but are stuck at using our components that we built with stenciljs. At first it looked like it worked like a charm but as stencil components use the term "slot" and svelte does too, i am reveiving an error when using this component on svelte
Element with a slot='...' attribute must be a child of a component or a descendant of a custom element
. I understand this issue, the question is how to ignore it or to tell svelte to ignore certain elements. Is there a function for that?
The component i try to use looks like that:
<my-ui-image
slot="image"
src="/images/image.png"
shadow-on-image="false"
alt="image alt"
title="Image title"
/>
check this post for named slots -> How to get the slots value in a Svelte component? I hope it gives you direction..
So i tried this again and the issue is gone.