dx: use signInWithPopup in dev

davidstackio · davidstackio · commit d3f15017bcb1 · 2025-10-01T14:08:21.000-04:00
diff --git a/src/runtime/pages/SignIn.vue b/src/runtime/pages/SignIn.vue
@@ -146,7 +146,7 @@ async function forgotPassword() {
 async function signinWithGoogle() {
   // Firebase auth logic
   if (!auth) {
-    console.log(
+    console.warn(
       `[${nuxtifyConfig.brand?.name}] Firebase auth provider not found.`,
     )
     return
diff --git a/src/runtime/pages/SignUp.vue b/src/runtime/pages/SignUp.vue
@@ -3,6 +3,7 @@ import { FirebaseError } from 'firebase/app'
 import {
   createUserWithEmailAndPassword,
   GoogleAuthProvider,
+  signInWithPopup,
   signInWithRedirect,
 } from 'firebase/auth'
 import type { VForm } from 'vuetify/components'
@@ -98,12 +99,19 @@ async function submitForm() {
 async function signinWithGoogle() {
   // Firebase auth logic
   if (!auth) {
-    console.log(
+    console.warn(
       `[${nuxtifyConfig.brand?.name}] Firebase auth provider not found.`,
     )
     return
   }
-  signInWithRedirect(auth, googleProvider)
+  if (import.meta.dev) {
+    // Use this with localhost, still might need to refresh or manually update address bar
+    signInWithPopup(auth, googleProvider)
+  }
+  else {
+    // Doesn't work on localhost
+    signInWithRedirect(auth, googleProvider)
+  }
 }
 </script>
 
