Can't use computed properties with TypeScript because of "Property '{prop_name}' does not exist on type 'Vue'." error

Consider the following code snippet:

import { Component, Vue } from "vue-property-decorator";
import { db } from "../../modules/firebase-client/";
import { DocumentReference } from "firebase/firestore";

@Component({
  name: "SingleEntry",
  firestore() {
    return {
      entry: db.collection("dashboard-entries").doc(this.$route.params.id),
      queue: db.collection("tasks-queue").where("entryRef", "==", this.entryRef)
    };
  },
  validations
})
export default class SingleEntry extends Vue {
  get entryRef(): DocumentReference {
    return db.collection("dashboard-entries").doc(this.$route.params.id);
  }
}

the queue property uses a computed value that’s returned by the entryRef computed property. The code works (I can see proper results of the query rendered on the template), but TypeScript compiler is complaining that:

ERROR in /Users/wujekbogdan/htdocs/sw-rss-dashboard/src/views/SingleEntry/SingleEntry.vue
210:72 Property 'entryRef' does not exist on type 'Vue'.
    208 |     return {
    209 |       entry: db.collection("dashboard-entries").doc(this.$route.params.id),
  > 210 |       queue: db.collection("tasks-queue").where("entryRef", "==", this.entryRef)
        |                                                                        ^
    211 |     };
    212 |   },
    213 |   validations

Am I doing something wrong or is it a problem caused by incomplete/buggy typings declarations?

[kaorun343]

Hi.

You need to write like this, for example

@Component<SingleEntry>({
  firestore() {
    this
  }
})
export default class SingleEntry extends Vue {}

[posva]

I really don’t know, the type declaration file is here: https://github.com/vuejs/vuefire/blob/lerna/packages/vuefire/types/vue.d.ts#L33 and we did add the this