refactor: import from vue-demi

Shouldn't change anything as we only support Vue 2.7+

Author: posva

src/app-check/index.ts

@@ -4,7 +4,7 @@ import {
   AppCheckOptions,
   onTokenChanged,
 } from 'firebase/app-check'
-import { App, inject, InjectionKey, Ref, ref } from 'vue'
+import { App, inject, InjectionKey, Ref, ref } from 'vue-demi'
 import { getGlobalScope } from '../globals'
 import { isClient } from '../shared'
 

src/app/index.ts

@@ -1,5 +1,10 @@
 import { FirebaseApp, getApp } from 'firebase/app'
-import { getCurrentInstance, getCurrentScope, inject, InjectionKey } from 'vue'
+import {
+  getCurrentInstance,
+  getCurrentScope,
+  inject,
+  InjectionKey,
+} from 'vue-demi'
 
 // @internal
 export const _FirebaseAppInjectionKey: InjectionKey<FirebaseApp> =

src/auth/index.ts

@@ -1,6 +1,6 @@
 import { FirebaseApp } from 'firebase/app'
 import { getAuth, User } from 'firebase/auth'
-import { App, shallowRef } from 'vue'
+import { App, ref, shallowRef } from 'vue-demi'
 import { useFirebaseApp } from '../app'
 import { getGlobalScope } from '../globals'
 import { AuthUserInjectSymbol, setupOnAuthStateChanged } from './user'

src/auth/user.ts

@@ -1,6 +1,14 @@
 import type { FirebaseApp } from 'firebase/app'
-import { getAuth, onIdTokenChanged, User } from 'firebase/auth'
-import { inject, InjectionKey, Ref } from 'vue'
+import {
+  getAuth,
+  onIdTokenChanged,
+  User,
+  updateEmail,
+  updateProfile,
+  reauthenticateWithCredential,
+  AuthCredential,
+} from 'firebase/auth'
+import { inject, InjectionKey, Ref } from 'vue-demi'
 import { useFirebaseApp } from '../app'
 import type { _Nullable } from '../shared'
 

src/database/optionsApi.ts

@@ -1,6 +1,6 @@
 import { FirebaseApp } from 'firebase/app'
 import { DatabaseReference, DataSnapshot, Query } from 'firebase/database'
-import { App, ComponentPublicInstance, effectScope, toRef } from 'vue'
+import { App, ComponentPublicInstance, effectScope, toRef } from 'vue-demi'
 import { isVue3 } from 'vue-demi'
 import { useFirebaseApp } from '../app'
 import { getGlobalScope } from '../globals'

src/firestore/optionsApi.ts

@@ -4,7 +4,7 @@ import type {
   DocumentData,
   DocumentReference,
 } from 'firebase/firestore'
-import { App, ComponentPublicInstance, effectScope, toRef } from 'vue'
+import { App, ComponentPublicInstance, effectScope, toRef } from 'vue-demi'
 import { isVue3 } from 'vue-demi'
 import { FirestoreRefOptions } from './subscribe'
 import { internalUnbind, _useFirestoreRef } from '.'

src/globals.ts

@@ -1,5 +1,5 @@
 import { FirebaseApp } from 'firebase/app'
-import { App, EffectScope, effectScope } from 'vue'
+import { App, EffectScope, effectScope } from 'vue-demi'
 
 // @internal
 const scopeMap = new WeakMap<FirebaseApp, EffectScope>()

src/index.ts

@@ -1,5 +1,5 @@
 import type { FirebaseApp } from 'firebase/app'
-import type { App } from 'vue'
+import type { App } from 'vue-demi'
 import { _FirebaseAppInjectionKey } from './app'
 
 // Database

src/ssr/initialState.ts

@@ -6,7 +6,7 @@ import {
   Query as FirestoreQuery,
 } from 'firebase/firestore'
 import { StorageReference } from 'firebase/storage'
-import { InjectionKey } from 'vue'
+import { InjectionKey } from 'vue-demi'
 import { useFirebaseApp } from '../app'
 import {
   isDatabaseReference,

src/storage/index.ts

@@ -24,7 +24,7 @@ import {
   shallowRef,
   unref,
   watch,
-} from 'vue'
+} from 'vue-demi'
 import { useFirebaseApp } from '../app'
 import { noop, _MaybeRef, _Nullable } from '../shared'
 import { getInitialValue } from '../ssr/initialState'