How to use Firebase authentication in Vue

// firebase.js
import { initializeApp } from 'firebase/app'
import {
    getAuth,
    signInWithEmailAndPassword,
    createUserWithEmailAndPassword,
    signOut,
    onAuthStateChanged
} from 'firebase/auth'

const firebaseConfig = {
    apiKey: "your-api-key",
    authDomain: "your-project.firebaseapp.com",
    projectId: "your-project-id"
}

const app = initializeApp(firebaseConfig)
export const auth = getAuth(app)

// composables/useAuth.js
import { ref, onMounted } from 'vue'
import { auth } from '@/firebase'

export function useAuth() {
    const user = ref(null)
    const loading = ref(true)

    const login = async (email, password) => {
        try {
            const result = await signInWithEmailAndPassword(auth, email, password)
            user.value = result.user
            return result
        } catch (error) {
            throw error
        }
    }

    const signup = async (email, password) => {
        try {
            const result = await createUserWithEmailAndPassword(auth, email, password)
            user.value = result.user
            return result
        } catch (error) {
            throw error
        }
    }

    const logout = async () => {
        try {
            await signOut(auth)
            user.value = null
        } catch (error) {
            throw error
        }
    }

    onMounted(() => {
        onAuthStateChanged(auth, (authUser) => {
            user.value = authUser
            loading.value = false
        })
    })

    return {
        user,
        loading,
        login,
        signup,
        logout
    }
}