From cc65cb5ede740caa6823c39eaeda2387810b57ae Mon Sep 17 00:00:00 2001
From: David Yunevich <f3oall@gmail.com>
Date: Tue, 12 Sep 2023 12:16:58 -0400
Subject: [PATCH] Update composition-api.md  Typing Generic Component Template
 Refs

https://github.com/vuejs/language-tools/issues/3206
---
 src/guide/typescript/composition-api.md | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/guide/typescript/composition-api.md b/src/guide/typescript/composition-api.md
index 12003636c6..cd6b6f4407 100644
--- a/src/guide/typescript/composition-api.md
+++ b/src/guide/typescript/composition-api.md
@@ -397,3 +397,18 @@ import type { ComponentPublicInstance } from 'vue'
 
 const child = ref<ComponentPublicInstance | null>(null)
 ```
+
+If `MyModal` is a generic component, you should use `ComponentExposed` from the `vue-component-type-helpers` package instead of TypeScript's built-in `InstanceType` utility:
+
+```ts
+<script setup lang="ts">
+import MyModal from './MyModal.vue'
+import type { ComponentExposed } from 'vue-component-type-helpers'
+
+const modal = ref<ComponentExposed<typeof MyModal> | null>(null)
+
+const openModal = () => {
+  modal.value?.open()
+}
+</script>
+```