feat: Improve Typed Slots Support

[johnsoncodehk]

• count anonymous default slot for references codeLens
• JSX compatible slots #2472
• support slot required checking #1820
• Typed Slot Children Support (delay)
• defineSlots Support (delay)

[KaelWD]

• Shouldn't this be first? DefineComponent always has $slots but the default value is essentially any, so ElementChildrenAttribute will never be checked.
• ElementChildrenAttribute is a property on the elements' props. In vue that's $props, so JSX.ElementAttributesProperty also needs to be used. The slots will be on T[keyof JSX.ElementAttributesProperty][keyof JSX.ElementChildrenAttribute]

[KaelWD]

This doesn't seem to solve my other problem either, slots from .vue files are still not accessible from tsx:

// Comp.vue
<script setup lang="ts"></script>

<template>
  <slot name="activator" :isActive="false" />
</template>

// test.tsx
import Comp from './Comp.vue'

const el = (
  <Comp>
    {{ activator: props => props.isActive }}
  </Comp>
)

Same cause though, volar is defining T['$slots'] instead of T['$props']['$slots'] or T[keyof JSX.ElementAttributesProperty][keyof JSX.ElementChildrenAttribute]

[decademoon]

This doesn't seem to solve my other problem either, slots from .vue files are still not accessible from tsx:

Was this specific issue ever fixed? I'm still having the same problem.