Support passing down slots with v-bind like in 2.x
Open
Nobody has claimed this yet.
:sparkles: feature request
need discussion
scope: slots
- Dominant language
- TypeScript
- Stars
- 54.4k
- Forks
- 9.2k
- Avg merge
- 1d 5h
- Merged PRs (30d)
- 140
Description
What problem does this feature solve?
https://github.com/vuejs/vue/issues/7178
It seems like this still needs to be implemented, in v3 because currently it passes slots as component's prop instead of its children.
What does the proposed API look like?
<child v-bind="{ slots: $slots }"></child>
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the Vue 2 issue and the linked template-explorer reproduction to understand the current generated behavior. Trace how v-bind passes the slots value, then verify that the proposed form delivers slots as children rather than as a component prop.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100