fix: typing component refs

[Ap3rtur3]

Description of Problem

Typescript and Intellij cannot find exposed methods when using InstanceType for typed template refs:

The methods are exposed inside the Modal like so:

setup(props, { expose }) {
  expose({
    open: () => {},
  });
  // ...
}

Proposed Solution

Use Vue's ComponentPublicInstance instead of InstanceType:

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

[netlify]

✅ Deploy Preview for vuejs ready!

Name	Link
🔨 Latest commit	6147a8b
🔍 Latest deploy log	https://app.netlify.com/sites/vuejs/deploys/63e0c4390988ac0008605ae8
😎 Deploy Preview	https://deploy-preview-2210--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.