fix auth

src/composables/useAuth.ts

@@ -1,12 +0,0 @@
-import type { User } from '@firebase/auth-types'
-import firebase from 'firebase/compat/app'
-import * as firebaseui from 'firebaseui'
-
-export const user = ref<User | null>(null)
-
-export const isPendingRedirect = () =>
-  (
-    firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth())
-  ).isPendingRedirect()
-
-export const signOut = () => firebase.auth().signOut()

src/composables/useFirebase.ts

@@ -0,0 +1,34 @@
+// import { initializeApp } from 'firebase/app'
+import firebase from 'firebase/compat/app'
+import type { User } from '@firebase/auth-types'
+
+// import { getAnalytics } from "firebase/analytics";
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
+
+// Your web app's Firebase configuration
+// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+const firebaseConfig = {
+  apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+  authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
+  databaseURL: import.meta.env.VITE_FIREBASE_DATABASE_URL,
+  projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
+  storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
+  messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
+  appId: import.meta.env.VITE_FIREBASE_APP_ID,
+  measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID
+}
+
+export const user = ref<User | null>()
+
+// Initialize Firebase
+export const initializeFirebase = () => {
+  firebase.initializeApp(firebaseConfig)
+  firebase.auth().onAuthStateChanged((firebaseUser) => {
+    user.value = firebaseUser
+  })
+}
+
+export const initialized = computed(() => user.value !== undefined)
+
+export const signOut = () => firebase.auth().signOut()