firebaeでユーザーを削除する時に対応するドキュメントも消す方法

Question

Vue、Vuetify、firebaseでアプリを作成しております。
ユーザー認証をfirebase Authenticationでやっており、ユーザーのプロフィールや性別などはドキュメントIDをUIDと同じにしてusersコレクションの中に保存しております。

ユーザーアカウント削除を行う際この二つを同時に消したいのですが、usersコレクション内のドキュメントがうまく消えてくれません。
どこに原因があるのか分からないのでご指導いただけると助かります。

<template>
  <v-dialog max-width="600px" v-model="dialog">
    <v-btn flat slot="activator" class="primary white--text">アカウントを削除</v-btn>
    <v-card>
      <v-card-title>
        <h2>アカウントを削除</h2>
      </v-card-title>
      <v-card-text>
        <v-form>
          <v-text-field label="パスワードを入力" v-model="current_password"></v-text-field>

          <v-btn flat @click="deleteAccount" :disabled="!formIsValid">削除</v-btn>
          <v-btn flat @click="cancel">キャンセル</v-btn>
        </v-form>
      </v-card-text>
    </v-card>
  </v-dialog>
</template>

<script>
import db from '@/fb'
import firebase from 'firebase'

export default {

  data(){
    return{
      current_password: '',
      dialog: false,
    }
  },

  methods: {

    deleteAccount: async function(){

        var user = firebase.auth().currentUser;
        var credential  = await firebase.auth.EmailAuthProvider.credential(
              this.currentUser.email,
              this.current_password,
            )

        let self = this;

        //ユーザー情報の削除
        await user.reauthenticateAndRetrieveDataWithCredential(credential)
        .then(function() {

          //Authenticationのユーザー情報削除
          user.delete().then(function() {

            //Databaseのユーザー情報削除
            db.collection('users').doc(self.currentUserUid).delete();

          }).catch(function(error) {
            console.log(error);
          });          

        }).catch(function(error) {
          console.log(error);        
        });
        
        //トップに戻る
        await self.$router.go({path: self.$router.path});  

      }
    },

    cancel(){
      this.dialog = false;
      this.current_password =  '';
    },

  },

  computed: {

    //パスワードを入力していたらボタンを有効化
    formIsValid(){
      return this.current_password !== '';
    },

    currentUser: {
      get: function(){
        return this.$store.getters.currentUser;
      },
    },

    currentUserUid(){
      return firebase.auth().currentUser.uid;
    }
  },

}
</script>

Answer 1

db.collection('users').doc(self.currentUserUid).delete();
```を
```ここに言語を入力
user.delete().then(function() {

の外に出したら解決しました。

Answer 2

//Authenticationのユーザー情報削除
user.delete().then(function() {
  //Databaseのユーザー情報削除
  db.collection('users').doc(self.currentUserUid).delete();
})

↑ここでユーザーを削除してからcurrentUserUidでfirebase.auth().currentUser.uidを取得しようとしても削除済みでuidを取得できないのではないですか？

削除する前にuidだけ変数にキャッシュしておいてそれを使うようにすればいいのではないかと思います(動作未確認)

Comments

[Khy]

ご回答ありがとうございます！
変数にキャッシュしてみたのですがダメでした、、試しにself.currentUserUidの部分に直接ドキュメントIDを指定してみたのですが何故かdeleteできませんでした。
どこが原因なのでしょうか、、もう少し色々試してみます！