feat(language-core): type support of useSlots and $slots

[KazariEX]

No description provided.

[pkg-pr-new]

Open in Stackblitz

vue-component-meta

npm i https://pkg.pr.new/vuejs/language-tools/vue-component-meta@5055

@vue/language-core

npm i https://pkg.pr.new/vuejs/language-tools/@vue/language-core@5055

vue-component-type-helpers

npm i https://pkg.pr.new/vuejs/language-tools/vue-component-type-helpers@5055

@vue/language-plugin-pug

npm i https://pkg.pr.new/vuejs/language-tools/@vue/language-plugin-pug@5055

@vue/language-server

npm i https://pkg.pr.new/vuejs/language-tools/@vue/language-server@5055

@vue/language-service

npm i https://pkg.pr.new/vuejs/language-tools/@vue/language-service@5055

@vue/typescript-plugin

npm i https://pkg.pr.new/vuejs/language-tools/@vue/typescript-plugin@5055

vue-tsc

npm i https://pkg.pr.new/vuejs/language-tools/vue-tsc@5055

commit: 4554780

[darkbasic]

@KazariEX it used to infer string | number before the 2.2.0 update while now I get this error.

[KazariEX]

@darkbasic Now the type of $slots will be inferred from <slot> in the template, you can use a empty defineSlots() to set its type to Record<string, any> explicitly.

[darkbasic]

@KazariEX thanks, I'll use Record<string, unknown> otherwise I get this error:

[FaustineG]

Thank @KazariEX !

In my case, I didn't need to specify a type, simply defineSlots(); removed the error.

@darkbasic You could probably also use the Slots type from vue, it worked on another typing error for me.

[KazariEX]

You can also use:

<template v-for="render, name in $slots" :key="name">
  <component :is="render" />
</template>

instead of <slot>.