Using ComponentPublicInstance with template refs

[skirtles-code]

#2210 suggested using ComponentPublicInstance instead of InstanceType for template refs:

import { ref, ComponentPublicInstance } from 'vue'
const modal = ref<ComponentPublicInstance<typeof MyModal> | null>(null)

The first generic argument passed to ComponentPublicInstance should be the props, so the usage shown above isn't really correct.

InstanceType may be changed to ComponentInstance in future, see #1543, but currently this isn't available.

However, ComponentPublicInstance can be used as a base type in cases where the exact type of the component isn't available. This will only expose the properties that are common to all component instances, such as $el.

[netlify]

✅ Deploy Preview for vuejs ready!

Name	Link
🔨 Latest commit	9769264
🔍 Latest deploy log	https://app.netlify.com/sites/vuejs/deploys/640c4925e590b80008fbb50b
😎 Deploy Preview	https://deploy-preview-2251--vuejs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.