⏰ 20 mins

1. I’ve copied the existing UserProfileCard component into a new component called UserProfileCardAdvanced. I want you add slot support to this new component to make it more flexible.
2. Give the UserProfileCardAdvanced a slot named bio and pass in the user bio via that slot

<aside> 💡 HINT: You can still accept a bio prop and use it as the bio slot default value (in fact, this is a pretty common design strategy)

</aside>

1. Create a slot named skill for each skill a the bottom of the card
2. Use scoped slots to provide the skill data to the parent and via the parent component add a 🔥 emoji to the front of the Vue skill (and ONLY the Vue Skill)
3. By the end of the exercise, you should have something that looks like this:

Helpful Resources

1. Vue.js Docs - Slots