How to use the new v-slot directive in

Learn how one component can embed content in another with slots We cover how to create and use slots, fallback content, slot props and more

See Example 3 below template v-slot> is used as a child of an HTML element In this case, Vue throws a compile error because the

slot asia live How to set the name prop of slot when using v-slot in loop?

slot great blue Vue 3, ✓ Nuxt 3, ✓ Vue 2, ✓ Volar Plugin, ✓ Basic Usage ​ Short Syntax ​ vue script setup lang=ts> defineSlots { slot name