How do I implement logout functionality in Nuxt.js with Firebase authentication?

How do I implement logout functionality in Nuxt.js with Firebase authentication?

To implement logout functionality in Nuxt.js with Firebase, you can use the Firebase Auth API. First, ensure you have Firebase initialized in your project.

What code do I need to add for the logout function?

You can create a method in your Vue component like this:

methods: {
  async logout() {
    try {
      await this.$fire.auth.signOut();
      this.$router.push('/login'); // Redirect to login page
    } catch (error) {
      console.error('Logout error:', error);
    }
  }
}

How do I call this logout method when a button is clicked?

You can bind the logout method to a button in your template like this:

<button @click="logout">Logout</button>

Is there a way to confirm the logout action before proceeding?

Yes, you can use a confirmation dialog. For example:

async logout() {
  const confirmLogout = confirm('Are you sure you want to logout?');
  if (confirmLogout) {
    await this.$fire.auth.signOut();
    this.$router.push('/login');
  }
}