How to access slot content in js template?

[awmottaz]

Suppose I'm using a WebC component like this:

<!-- page.webc -->

<my-component>
  My content is here
</my-component>

I want to use JavaScript to generate the output of my-component. How do I access the default slot content (or any named slot for that matter)?

<!-- my-component.webc -->

<script webc:type="js" webc:root>
// How do I use the default slot here?
// This definitely won't work, but illustrates what I'm trying to do
// The output when used like above should be
//   <div>My content is here</div>
`<div>${slot.default}</div>`;
</script>

I could keep everything in attributes and props as a workaround, but for various reasons it would be more ergonomic in my case to use a slot (you get syntax highlighting there, for example).

[awmottaz]

Wow, I accidentally figured out that slots.text contains .default for the default slot, and I assume it will also have keys for named slots. So the above example works if I do this:

<!-- my-component.webc -->

<script webc:type="js" webc:root>
`<div>${slots.text.default}</div>`;
</script>

Can we get documentation for this, please? And what other keys could appear on the slots object besides text?