vue-component-type-helpers

vue-component-type-helpers

Some very simple type helpers used behind vue-component-meta for extract component props, slots, emit, exposed types.

Usage

<template>
	<slot name="header" :num="123" />
	<slot name="footer" str="abc" />
</template>

<script lang="ts" setup>
defineProps<{
	msg: string
}>()
</script>

import HelloWorld from './HelloWorld.vue'
import type { ComponentProps, ComponentSlots } from 'vue-component-type-helpers'

type Props = ComponentProps<typeof HelloWorld> // { msg: string }
type Slots = ComponentSlots<typeof HelloWorld> // { header(_: { num: number; }): any; footer(_: { str: string; }): any; }

Changelog

1.8.15 (2023/9/26)

• fix: props type missing in JS component context (#3592)
• fix: ignore $emit return type for Vue 2 (#3596)