Added support for this referencing inside firebase funcs

packages/vuefire/src/firestore.ts

@@ -8,6 +8,7 @@ import {
 } from '@posva/vuefire-core'
 import { firestore } from 'firebase'
 import Vue, { PluginFunction } from 'vue'
+import { CombinedVueInstance } from 'vue/types/vue'
 
 const ops: OperationsType = {
   set: (target, key, value) => walkSet(target, key, value),
@@ -96,8 +97,15 @@ type VueFirestoreObject = Record<
 type FirestoreOption<V> = VueFirestoreObject | ((this: V) => VueFirestoreObject)
 
 declare module 'vue/types/options' {
-  interface ComponentOptions<V extends Vue> {
-    firestore?: FirestoreOption<V>
+  interface ComponentOptions<
+    V extends Vue,
+    Data = DefaultData<V>,
+    Methods = DefaultMethods<V>,
+    Computed = DefaultComputed,
+    PropsDef = PropsDefinition<DefaultProps>,
+    Props = DefaultProps
+  > {
+    firestore?: FirestoreOption<CombinedVueInstance<V, Data, Methods, Computed, Props>>
   }
 }
 
@@ -142,6 +150,7 @@ export const firestorePlugin: PluginFunction<PluginOptions> = function firestore
     },
     created(this: Vue) {
       const { firestore } = this.$options
+      // @ts-ignore
       const refs = typeof firestore === 'function' ? firestore.call(this) : firestore
       if (!refs) return
       for (const key in refs) {

packages/vuefire/src/index.ts

@@ -1,2 +1,32 @@
+import {
+  DefaultData,
+  DefaultMethods,
+  DefaultComputed,
+  ThisTypedComponentOptionsWithArrayProps,
+  DefaultProps,
+  ThisTypedComponentOptionsWithRecordProps,
+} from 'vue/types/options'
+
 export * from './rtdb'
 export * from './firestore'
+
+declare module 'vue/types/vue' {
+  interface VueConstructor<V extends Vue> {
+    extend<
+      Data = DefaultData<V>,
+      Methods = DefaultMethods<V>,
+      Computed = DefaultComputed,
+      PropNames extends string = never
+    >(
+      options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>
+    ): ExtendedVue<V, Data, Methods, Computed, Record<PropNames, any>>
+    extend<
+      Data = DefaultData<V>,
+      Methods = DefaultMethods<V>,
+      Computed = DefaultComputed,
+      Props = DefaultProps
+    >(
+      options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>
+    ): ExtendedVue<V, Data, Methods, Computed, Props>
+  }
+}

packages/vuefire/src/rtdb.ts

@@ -8,6 +8,7 @@ import {
 } from '@posva/vuefire-core'
 import { database } from 'firebase'
 import Vue, { PluginFunction } from 'vue'
+import { CombinedVueInstance } from 'vue/types/vue'
 
 /**
  * Returns the original reference of a Firebase reference or query across SDK versions.
@@ -99,8 +100,15 @@ type VueFirebaseObject = Record<string, database.Query | database.Reference>
 type FirebaseOption<V> = VueFirebaseObject | ((this: V) => VueFirebaseObject)
 
 declare module 'vue/types/options' {
-  interface ComponentOptions<V extends Vue> {
-    firebase?: FirebaseOption<V>
+  interface ComponentOptions<
+    V extends Vue,
+    Data = DefaultData<V>,
+    Methods = DefaultMethods<V>,
+    Computed = DefaultComputed,
+    PropsDef = PropsDefinition<DefaultProps>,
+    Props = DefaultProps
+  > {
+    firebase?: FirebaseOption<CombinedVueInstance<V, Data, Methods, Computed, Props>>
   }
 }