fix auth

src/components/Auth.vue

@@ -5,7 +5,7 @@ import * as firebaseui from 'firebaseui'
 import 'firebaseui/dist/firebaseui.css'
 
 const props = defineProps<{
-  authenticating: boolean
+  authenticating?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -17,11 +17,11 @@ const ui = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(fi
 const uiConfig = {
   signInOptions: [
     firebase.auth.EmailAuthProvider.PROVIDER_ID,
-    firebase.auth.GoogleAuthProvider.PROVIDER_ID,
-    firebase.auth.FacebookAuthProvider.PROVIDER_ID
+    firebase.auth.GoogleAuthProvider.PROVIDER_ID
   ],
+  signInFlow: 'popup',
   callbacks: {
-    signInSuccessWithAuthResult: function (authResult: any) {
+    signInSuccessWithAuthResult(authResult: any) {
       // var user = authResult.user
       // var credential = authResult.credential
       // var isNewUser = authResult.additionalUserInfo.isNewUser
@@ -32,6 +32,9 @@ const uiConfig = {
       // automatically or whether we leave that to developer to handle.
       emit('signedIn', authResult)
       return false
+    },
+    signInFailure(error: any) {
+      console.error('Error signing in', error)
     }
   }
   // Other config options...