Scoped slots

[ManUtopiK]

Is your feature request related to a problem? Please describe.

How to handle scoped slots with MDC syntax ? And how to pass slot props to child components ?

Describe the solution you'd like to see

From this template :

<!-- <MyComponent> template -->
<div>
  <slot :text="greetingMessage" :count="1"></slot>
</div>

To this :

::my-component
#default{text count}
This is a {{ text }} and a {{ count }}
This is an inline :child-component{text=":text" count=":count"}
::

🤔 I'm not convinced.
We should take care about the v-bind shorthand : with the frontmatter. doc

What do you think about ?

[atinux]

What is the main use case for this? I am afraid we might go too far by supporting scoped slots

[ManUtopiK]

I am afraid we might go too far by supporting scoped slots

I understand well. For now, I duplicate components or use composable as a workaround.
But I think the more I go with mdc, the more I'll need this feature.
If you want, you can close this issue for now...

[adamdehaven]

What is the main use case for this? I am afraid we might go too far by supporting scoped slots

@atinux I've outlined a decent use case here nuxt-content/mdc#43 (comment) involving looping through front matter arrays for nested components

[pqnet]

possibly even having the values exposed as $slot would be enough, i.e.:

<!-- <MyComponent> template -->
<div>
  <slot :text="greetingMessage" :count="1"></slot>
</div>

::my-component
This is a {{ $slot.text }} and a {{ $slot.count }}
This is an inline :child-component{:text="$slot.text" :count="$slot.count"}
::