vue-component-type-helpers

import type { ComponentProps, ComponentSlots, ComponentEmit, ComponentExposed } from 'vue-component-type-helpers'; // MyComponent.vue (imaginary file for type extraction) // <script setup lang="ts"> // defineProps<{ // title: string; // count?: number; // }>(); // defineEmits<{ // update: [value: string]; // close: []; // }>(); // defineSlots<{ // default(props: { item: string }): any; // header(): any; // }>(); // const internalState = ref(0); // defineExpose({ // reset: () => { internalState.value = 0; }, // }); // </script> // Imagine 'MyComponent' is a Vue component imported from a .vue file declare const MyComponent: { __VLS_TypeProps: { title: string; count?: number }; __VLS_TypeSlots: { default(props: { item: string }): any; header(): any }; __VLS_TypeEmits: { (e: 'update', value: string): void; (e: 'close'): void }; __VLS_TypeExposed: { reset: () => void }; // Simplified representation for type checking demonstration }; type Props = ComponentProps<typeof MyComponent>; // Expected: { title: string; count?: number } type Slots = ComponentSlots<typeof MyComponent>; // Expected: { default(props: { item: string }): any; header(): any } type Emit = ComponentEmit<typeof MyComponent>; // Expected: { (e: 'update', value: string): void; (e: 'close'): void } type Exposed = ComponentExposed<typeof MyComponent>; // Expected: { reset: () => void } console.log('Props type example:', {} as Props); console.log('Slots type example:', {} as Slots); console.log('Emit type example:', {} as Emit); console.log('Exposed type example:', {} as Exposed);