Integrating Firebase Authentication with Vue.js

firebase.js

import firebase from “firebase/app”;

import “firebase/auth”;

const firebaseConfig = { /* Your Firebase config here */ };

firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();

index.vue

// In your Vue component

import { auth } from “./firebase”;

auth.signInWithPopup(new firebase.auth.GoogleAuthProvider())

  .then((result) => {

    console.log(“User signed in:”, result.user);

  })

  .catch((error) => {

    console.error(“Error signing in:”, error);

  });