Wrong type of 'this' inside firestore() context

[ebeloded]

I am getting typing errors when trying to access props/methods of Vue instance inside of firestore function. In the example below, uid is a prop and I get no typing errors when accessing from created lifecycle hook, but it is not defined inside firestore function.

export default Vue.extend({

  props: ['uid'],

  created() {
    console.log({ uid: this.uid }) // this.uid is fine
  },

  firestore() {
    // Error: "Property 'uid' doesn't exist on type Vue"
    const uid = this.uid 
    return {
      user: db.doc(`users/${uid}`),
    }
  },
})

This can resolve the issue, but shouldn't be necessary:

const uid = (this as any).uid 

[posva]

Types are not added to the options of Vue.extend. This should be added to firebase as well

[posva]

Things have changed in v3 in order to support Vue 2 and Vue 3 at the same time so this will only be the component instance with loose typings