how to add custom element vue template type support

CustomElementVueTemplateTypeSupport.ts

import type { ComponentOptionsMixin, DefineComponent, PropType } from "vue";
import type { 
  Component, 
  ComponentAttributes, // Record<string, unknown>
  ComponentEventMap // Record<string, CustomEvent>
} from "./component";

type Attrs = {
  [P in keyof ComponentAttributes]: {
    type: PropType<NonNullable<ComponentAttributes[P]>>;
    required: true;
  };
};

type Emits = {
  [P in keyof ComponentEventMap]: (
    event: ComponentEventMap[P],
  ) => void;
};

type ComponentVueType = DefineComponent<
  Attrs,
  Component,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  Emits
>;

declare module "vue" {
  export interface GlobalComponents {
    "my-component": ComponentVueType;
  }
}