emit types

packages/api-generator/templates/directives.d.ts

@@ -1,4 +1,4 @@
-import type { DirectiveBinding } from 'vue'
+import type { DirectiveBinding, ObjectDirective } from 'vue'
 import type * as directives from '../../vuetify/lib/directives/index.d.mts'
 
 type ExtractDirectiveBindings<T> = T extends object
@@ -11,7 +11,11 @@ type ExtractDirectiveBindings<T> = T extends object
  }
  : never
  : never
- : {}
+ : T[K] extends ObjectDirective<any, infer B>
+ ? B extends object
+ ? { value: B, modifiers: {} }
+ : never
+ : never
  }
  : never
 

packages/vuetify/src/composables/directiveComponent.ts

@@ -11,11 +11,22 @@ import type {
  ObjectDirective,
  VNode,
 } from 'vue'
+import type { ComponentInstance } from '@/util'
 
-export const useDirectiveComponent = (
- component: string | Component,
- props?: any
-): ObjectDirective => {
+type ExcludeProps =
+ | 'v-slots'
+ | `v-slot:${string}`
+ | `on${Uppercase<string>}${string}`
+ | 'key'
+ | 'ref'
+ | 'ref_for'
+ | 'ref_key'
+ | '$children'
+
+export const useDirectiveComponent = <
+ C extends Component,
+ Props = Omit<ComponentInstance<C>['$props'], ExcludeProps>
+>(component: string | C, props?: any): ObjectDirective<any, Props> => {
  const concreteComponent = (typeof component === 'string'
  ? resolveComponent(component)
  : component) as ConcreteComponent

packages/vuetify/src/util/defineComponent.tsx

@@ -12,6 +12,7 @@ import { propsFactory } from '@/util/propsFactory'
 // Types
 import type {
  AllowedComponentProps,
+ Component,
  ComponentCustomProps,
  ComponentInjectOptions,
  ComponentObjectPropsOptions,
@@ -20,6 +21,7 @@ import type {
  ComponentOptionsWithObjectProps,
  ComponentOptionsWithoutProps,
  ComponentPropsOptions,
+ ComponentPublicInstance,
  ComputedOptions,
  DefineComponent,
  EmitsOptions,
@@ -299,3 +301,29 @@ export interface FilterPropsOptions<PropsOptions extends Readonly<ComponentProps
  U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>
  > (props: T): Partial<Pick<T, U>>
 }
+
+// https:/vuejs/core/pull/10557
+export type ComponentInstance<T> = T extends { new (): ComponentPublicInstance<any, any, any> }
+ ? InstanceType<T>
+ : T extends FunctionalComponent<infer Props, infer Emits>
+ ? ComponentPublicInstance<Props, {}, {}, {}, {}, ShortEmitsToObject<Emits>>
+ : T extends Component<
+ infer Props,
+ infer RawBindings,
+ infer D,
+ infer C,
+ infer M
+ >
+ ? // NOTE we override Props/RawBindings/D to make sure is not `unknown`
+ ComponentPublicInstance<
+ unknown extends Props ? {} : Props,
+ unknown extends RawBindings ? {} : RawBindings,
+ unknown extends D ? {} : D,
+ C,
+ M
+ >
+ : never // not a vue Component
+
+type ShortEmitsToObject<E> = E extends Record<string, any[]> ? {
+ [K in keyof E]: (...args: E[K]) => any;
+} : E;