From cd24f260377eb861e9314bdded465ad240d89bfe Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Sun, 22 Aug 2021 23:56:53 +0800
Subject: [PATCH] fix(types): ref unwrapping in template, kudos @johnsoncodehk
 !

---
 global.d.ts             | 181 ----------------------------------------
 index.d.ts              |   2 +-
 nuxt.d.ts               |   2 +-
 playground/package.json |   1 -
 pnpm-lock.yaml          |   2 -
 rollup-plugin.d.ts      |   2 +-
 shims.d.ts              |   6 ++
 vite-plugin.d.ts        |   2 +-
 webpack-plugin.d.ts     |   2 +-
 9 files changed, 11 insertions(+), 189 deletions(-)
 delete mode 100644 global.d.ts
 create mode 100644 shims.d.ts

diff --git a/global.d.ts b/global.d.ts
deleted file mode 100644
index 228ecf7..0000000
--- a/global.d.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import {
-  ComponentPropsOptions,
-  ExtractPropTypes,
-} from '@vue/composition-api'
-
-export type ObjectEmitsOptions = Record<
-string,
-((...args: any[]) => any) | null
->
-
-export type EmitsOptions = ObjectEmitsOptions | string[]
-
-export type EmitsToProps<T extends EmitsOptions> = T extends string[]
-  ? {
-    [K in string & `on${Capitalize<T[number]>}`]?: (...args: any[]) => any
-  }
-  : T extends ObjectEmitsOptions
-    ? {
-      [K in string &
-        `on${Capitalize<string & keyof T>}`]?: K extends `on${infer C}`
-        ? T[Uncapitalize<C>] extends null
-          ? (...args: any[]) => any
-          : (
-            ...args: T[Uncapitalize<C>] extends (...args: infer P) => any
-              ? P
-              : never
-          ) => any
-        : never
-    }
-    : {}
-
-export type UnionToIntersection<U> = (
-  U extends any ? (k: U) => void : never
-) extends (k: infer I) => void
-  ? I
-  : never
-
-export type EmitFn<
-  Options = ObjectEmitsOptions,
-  Event extends keyof Options = keyof Options
-> = Options extends Array<infer V>
-  ? (event: V, ...args: any[]) => void
-  : {} extends Options // if the emit is empty object (usually the default value for emit) should be converted to function
-    ? (event: string, ...args: any[]) => void
-    : UnionToIntersection<
-    {
-      [key in Event]: Options[key] extends (...args: infer Args) => any
-        ? (event: key, ...args: Args) => void
-        : (event: key, ...args: any[]) => void
-    }[Event]
-    >
-
-declare global {
-  /**
-   * Vue `<script setup>` compiler macro for declaring component props. The
-   * expected argument is the same as the component `props` option.
-   *
-   * Example runtime declaration:
-   * ```js
-   * // using Array syntax
-   * const props = defineProps(['foo', 'bar'])
-   * // using Object syntax
-   * const props = defineProps({
-   *   foo: String,
-   *   bar: {
-   *     type: Number,
-   *     required: true
-   *   }
-   * })
-   * ```
-   *
-   * Equivalent type-based decalration:
-   * ```ts
-   * // will be compiled into equivalent runtime declarations
-   * const props = defineProps<{
-   *   foo?: string
-   *   bar: number
-   * }>()
-   * ```
-   *
-   * This is only usable inside `<script setup>`, is compiled away in the
-   * output and should **not** be actually called at runtime.
-   */
-  // overload 1: runtime props w/ array
-  export function defineProps<PropNames extends string = string>(
-    props: PropNames[]
-  ): Readonly<{ [key in PropNames]?: any }>
-  // overload 2: runtime props w/ object
-  export function defineProps<
-    PP extends ComponentPropsOptions = ComponentPropsOptions
-  >(props: PP): Readonly<ExtractPropTypes<PP>>
-  // overload 3: typed-based declaration
-  export function defineProps<TypeProps>(): Readonly<TypeProps>
-
-  /**
-   * Vue `<script setup>` compiler macro for declaring a component's emitted
-   * events. The expected argument is the same as the component `emits` option.
-   *
-   * Example runtime declaration:
-   * ```js
-   * const emit = defineEmits(['change', 'update'])
-   * ```
-   *
-   * Example type-based decalration:
-   * ```ts
-   * const emit = defineEmits<{
-   *   (event: 'change'): void
-   *   (event: 'update', id: number): void
-   * }>()
-   *
-   * emit('change')
-   * emit('update', 1)
-   * ```
-   *
-   * This is only usable inside `<script setup>`, is compiled away in the
-   * output and should **not** be actually called at runtime.
-   */
-  // overload 1: runtime emits w/ array
-  export function defineEmits<EE extends string = string>(
-    emitOptions: EE[]
-  ): EmitFn<EE[]>
-  export function defineEmits<E extends EmitsOptions = EmitsOptions>(
-    emitOptions: E
-  ): EmitFn<E>
-  export function defineEmits<TypeEmit>(): TypeEmit
-
-  /**
-   * Vue `<script setup>` compiler macro for declaring a component's exposed
-   * instance properties when it is accessed by a parent component via template
-   * refs.
-   *
-   * `<script setup>` components are closed by default - i.e. varaibles inside
-   * the `<script setup>` scope is not exposed to parent unless explicitly exposed
-   * via `defineExpose`.
-   *
-   * This is only usable inside `<script setup>`, is compiled away in the
-   * output and should **not** be actually called at runtime.
-   */
-  export function defineExpose(exposed?: Record<string, any>): void
-
-  type NotUndefined<T> = T extends undefined ? never : T
-
-  type InferDefaults<T> = {
-    [K in keyof T]?: NotUndefined<T[K]> extends
-    | number
-    | string
-    | boolean
-    | symbol
-    | Function
-      ? NotUndefined<T[K]>
-      : (props: T) => NotUndefined<T[K]>
-  }
-
-  type PropsWithDefaults<Base, Defaults> = Base &
-  {
-    [K in keyof Defaults]: K extends keyof Base ? NotUndefined<Base[K]> : never
-  }
-
-  /**
-   * Vue `<script setup>` compiler macro for providing props default values when
-   * using type-based `defineProps` decalration.
-   *
-   * Example usage:
-   * ```ts
-   * withDefaults(defineProps<{
-   *   size?: number
-   *   labels?: string[]
-   * }>(), {
-   *   size: 3,
-   *   labels: () => ['default label']
-   * })
-   * ```
-   *
-   * This is only usable inside `<script setup>`, is compiled away in the output
-   * and should **not** be actually called at runtime.
-   */
-  export function withDefaults<Props, Defaults extends InferDefaults<Props>>(
-    props: Props,
-    defaults: Defaults,
-  ): PropsWithDefaults<Props, Defaults>
-}
diff --git a/index.d.ts b/index.d.ts
index c1ce503..c1d1202 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -1,2 +1,2 @@
-import './global'
+import './shims'
 export * from './dist/index'
diff --git a/nuxt.d.ts b/nuxt.d.ts
index deaf510..0dd4c35 100644
--- a/nuxt.d.ts
+++ b/nuxt.d.ts
@@ -1,3 +1,3 @@
-import './global'
+import './shims'
 export * from './dist/nuxt'
 export { default } from './dist/nuxt'
diff --git a/playground/package.json b/playground/package.json
index c8170ba..b04f7a7 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -8,7 +8,6 @@
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@vue/reactivity": "^3.2.4",
     "vite": "^2.5.0",
     "vite-plugin-inspect": "^0.2.2",
     "vite-plugin-vue2": "^1.8.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18720f4..147e03f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -98,7 +98,6 @@ importers:
   playground:
     specifiers:
       '@vue/composition-api': ^1.1.1
-      '@vue/reactivity': ^3.2.4
       vite: ^2.5.0
       vite-plugin-inspect: ^0.2.2
       vite-plugin-vue2: ^1.8.1
@@ -108,7 +107,6 @@ importers:
       '@vue/composition-api': 1.1.1_vue@2.6.14
       vue: 2.6.14
     devDependencies:
-      '@vue/reactivity': 3.2.4
       vite: 2.5.0
       vite-plugin-inspect: 0.2.2_vite@2.5.0
       vite-plugin-vue2: 1.8.1_28c7ec97035dac360cf4a035acf7c619
diff --git a/rollup-plugin.d.ts b/rollup-plugin.d.ts
index 96c00d1..bf06177 100644
--- a/rollup-plugin.d.ts
+++ b/rollup-plugin.d.ts
@@ -1,3 +1,3 @@
-import './global'
+import './shims'
 export * from './dist/rollup-plugin'
 export { default } from './dist/rollup-plugin'
diff --git a/shims.d.ts b/shims.d.ts
new file mode 100644
index 0000000..03540da
--- /dev/null
+++ b/shims.d.ts
@@ -0,0 +1,6 @@
+// workaround for Volar to infer the ref type in <template>
+// https://github.com/johnsoncodehk/volar/issues/404
+declare module '@vue/runtime-dom' {
+  export * from '@vue/runtime-dom/dist/runtime-dom'
+  export { defineComponent, PropType } from '@vue/composition-api'
+}
diff --git a/vite-plugin.d.ts b/vite-plugin.d.ts
index 4515671..eb9a166 100644
--- a/vite-plugin.d.ts
+++ b/vite-plugin.d.ts
@@ -1,3 +1,3 @@
-import './global'
+import './shims'
 export * from './dist/vite-plugin'
 export { default } from './dist/vite-plugin'
diff --git a/webpack-plugin.d.ts b/webpack-plugin.d.ts
index 71eb500..ef22242 100644
--- a/webpack-plugin.d.ts
+++ b/webpack-plugin.d.ts
@@ -1,3 +1,3 @@
-import './global'
+import './shims'
 export * from './dist/webpack-plugin'
 export { default } from './dist/webpack-plugin'