chore: use vue-tsc generate .vue.d.ts file

Author: codeacme17

buildTypes.ts

@@ -1,24 +1,11 @@
-import type { Ref, Component } from 'vue'
+import type { Component } from 'vue'
+import IllestWaveform from './types/IllestWaveform.vue'
+import IllestWaveformProps from './types/IllestWaveformProps'
 
 declare const _default: {
   install: (app: Component) => void
 }
 
-type CanvasLineCap = 'butt' | 'round' | 'square'
-
-export type IllestWaveformProps = {
-  url: string
-  lineWidth?: number
-  lineCap?: CanvasLineCap
-  lineColor?: string
-  samplingRate?: number
-  cursorWidth?: number
-  cursorColor?: string
-  maskColor?: string
-  lazy?: boolean | Ref<boolean>
-  skeleton?: boolean | Ref<boolean>
-  skeletonColor?: string
-  interact?: boolean | Ref<boolean>
-}
-
 export default _default
+
+export { IllestWaveform, IllestWaveformProps }

lib/index.d.ts

@@ -0,0 +1,135 @@
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToRuntimeProps<{
+      url: string
+      lineWidth?: number | undefined
+      lineCap?: ('butt' | 'round' | 'square') | undefined
+      lineColor?: string | undefined
+      samplingRate?: number | undefined
+      cursorWidth?: number | undefined
+      cursorColor?: string | undefined
+      maskColor?: string | undefined
+      lazy?: boolean | Ref<boolean> | undefined
+      skeleton?: boolean | Ref<boolean> | undefined
+      skeletonColor?: string | undefined
+      interact?: boolean | Ref<boolean> | undefined
+    }>,
+    {
+      lineWidth: number
+      lineCap: string
+      lineColor: string
+      cursorWidth: number
+      cursorColor: string
+      samplingRate: number
+      maskColor: string
+      lazy: boolean
+      skeleton: boolean
+      skeletonColor: string
+      interact: boolean
+    }
+  >,
+  {
+    play: () => void
+    pause: () => void
+    replay: () => void
+    getCurrentTime: () => string
+    getDuration: () => string
+  },
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  (
+    | 'onInit'
+    | 'onFetched'
+    | 'onReady'
+    | 'onPlay'
+    | 'onPause'
+    | 'onFinish'
+    | 'onClick'
+  )[],
+  | 'onInit'
+  | 'onFetched'
+  | 'onReady'
+  | 'onPlay'
+  | 'onPause'
+  | 'onFinish'
+  | 'onClick',
+  import('vue').VNodeProps &
+    import('vue').AllowedComponentProps &
+    import('vue').ComponentCustomProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToRuntimeProps<{
+          url: string
+          lineWidth?: number | undefined
+          lineCap?: ('butt' | 'round' | 'square') | undefined
+          lineColor?: string | undefined
+          samplingRate?: number | undefined
+          cursorWidth?: number | undefined
+          cursorColor?: string | undefined
+          maskColor?: string | undefined
+          lazy?: boolean | Ref<boolean> | undefined
+          skeleton?: boolean | Ref<boolean> | undefined
+          skeletonColor?: string | undefined
+          interact?: boolean | Ref<boolean> | undefined
+        }>,
+        {
+          lineWidth: number
+          lineCap: string
+          lineColor: string
+          cursorWidth: number
+          cursorColor: string
+          samplingRate: number
+          maskColor: string
+          lazy: boolean
+          skeleton: boolean
+          skeletonColor: string
+          interact: boolean
+        }
+      >
+    >
+  > & {
+    onOnInit?: ((...args: any[]) => any) | undefined
+    onOnFetched?: ((...args: any[]) => any) | undefined
+    onOnReady?: ((...args: any[]) => any) | undefined
+    onOnPlay?: ((...args: any[]) => any) | undefined
+    onOnPause?: ((...args: any[]) => any) | undefined
+    onOnFinish?: ((...args: any[]) => any) | undefined
+    onOnClick?: ((...args: any[]) => any) | undefined
+  },
+  {
+    lineWidth: number
+    lineCap: 'butt' | 'round' | 'square'
+    lineColor: string
+    samplingRate: number
+    cursorWidth: number
+    cursorColor: string
+    maskColor: string
+    lazy: boolean | Ref<boolean>
+    skeleton: boolean | Ref<boolean>
+    skeletonColor: string
+    interact: boolean | Ref<boolean>
+  }
+>
+export default _default
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
+type __VLS_TypePropsToRuntimeProps<T> = {
+  [K in keyof T]-?: {} extends Pick<T, K>
+    ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
+      }
+    : {
+        type: import('vue').PropType<T[K]>
+        required: true
+      }
+}
+type __VLS_WithDefaults<P, D> = {
+  [K in keyof Pick<P, keyof P>]: K extends keyof D
+    ? P[K] & {
+        default: D[K]
+      }
+    : P[K]
+}

lib/types/IllestWaveform.vue.d.ts

@@ -0,0 +1,20 @@
+import type { Ref } from 'vue'
+
+type CanvasLineCap = 'butt' | 'round' | 'square'
+
+type IllestWaveformProps = {
+  url: string
+  lineWidth?: number
+  lineCap?: CanvasLineCap
+  lineColor?: string
+  samplingRate?: number
+  cursorWidth?: number
+  cursorColor?: string
+  maskColor?: string
+  lazy?: boolean | Ref<boolean>
+  skeleton?: boolean | Ref<boolean>
+  skeletonColor?: string
+  interact?: boolean | Ref<boolean>
+}
+
+export default IllestWaveformProps

lib/types/IllestWaveformProps.d.ts

@@ -31,7 +31,7 @@
   },
   "scripts": {
     "build": "vite build --outDir lib",
-    "build:types": "deno run --allow-env --allow-read --allow-write buildTypes.ts",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --declarationDir ./lib/types",
     "lint": "eslint src --ext .ts,.vue",
     "prepare": "husky install"
   },
@@ -54,6 +54,6 @@
     "prettier": "^2.8.3",
     "typescript": "^4.6.4",
     "vite": "^3.2.0",
-    "vue-tsc": "^1.0.9"
+    "vue-tsc": "^1.2.0"
   }
 }