Using JSX with Vue

It's not only verbose, but we're duplicating slot>slot> for every heading level JSX with Vue, getting us back to a syntax that's closer to

JSX template section, Vue SFCs, Vue Single File Component Structure template tag, named slots, Using Named Slots with Template Tag and v-slot Attribute-Using

vue3 slot Vue v-slot We need the v-slot directive to refer to named slots Named slots allow for more control over where the content is placed within the child

vue 3 slot props Vue built-in directives for JSX Directive, Vue 3, Vue 2, Volar v-if v-slot, ✓, ✓, ✓ v-html, ✓, ✓, v-once, ✓, ❌, v-memo