Macro implementation of the JSX plugin's `v-slots` directive #638

craigrileyuk · 2024-03-14T04:33:16Z

craigrileyuk
Mar 14, 2024

Forwarding slots from one component to the next inside the <template> is always a bit of a pain. The Vue JSX plugin has a great directive called v-slots which enables you to forward slots in two words.

Would be great to get a usable version of this available for experimental use. Great outline for how it could work here: vuejs/core#575 (comment)

Proposal

// Wrapper.vue
<SomeComponent v-slots="$slots">
    <template #foo> 
        Bar
    </template>
</SomeComponent>

will forward any slots sent to Wapper.vue to SomeComponent and overwrite any manually defined ones (such as "#foo").

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Macro implementation of the JSX plugin's `v-slots` directive #638

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

Macro implementation of the JSX plugin's v-slots directive #638

Uh oh!

Uh oh!

craigrileyuk Mar 14, 2024

Proposal

Replies: 0 comments

Macro implementation of the JSX plugin's `v-slots` directive #638

craigrileyuk
Mar 14, 2024