Nuxt.js と Firebase でログアウトの設定をする

前提

Nuxt.js と Firebase でログインシステムを構築しておく。

上記ログインシステムの構築方法は別記事にて記載している。

コード

<template>
  <div >
    <h1>GOOD BYE</h1>
    <span>{{ user.displayName }}</span>
    <button @click="logout">ログアウト</button>
  </div>
</template>

<script>
import firebase from "~/plugins/firebase.js";

export default {
  props: ["user"],
  data() {
    return {};
  },
  methods: {
    logout: ()=> {
      firebase.auth().signOut();
    }
  }
}
</script>

<style>
</style>

ログアウトボタンクリック時に、logoutメソッドを呼び出している。

ログアウトの処理 ’firebase.auth().signOut();’ は構文として覚えて問題ない。