【Vue x Firebase】投稿者のみメッセージを削除するアラートを表示させたいです

Question

#投稿者のみメッセージを削除するアラートを表示させたいです

現在VueとFirebaseでポートフォリオを作成しており、投稿者のみ削除アラートを出るようにしたいです。

現在、「投稿は投稿者のみ削除出来る」ようにされているのですが、
投稿者以外でも削除アラートが出るようになってしまってます。

そこで以下のようにifを使って投稿した際に、投稿自体に投稿者が分かるようにuidを取得できるようにしているので

「現在のログイン中のユーザー（this.uid）と

const currentUser = firebase.auth().currentUser;
 this.uid = currentUser.uid;

「postsを参照して、投稿者の(this.list.uid)」

 props: {
    list: {
      type: Object,
    },
    index: {
      type: Number,
    },

propsで受け取ったuidを使って投稿者と認識させています。

if文で互いのuidを認識させることはできたのですが、
なぜかアラートにてキャンセルをしても対象の投稿が消えてしまいます・・

if分の位置が誤っているのでしょうか・・

また、もし他に良い方法があれば教えていただけると幸いです。

よろしくお願い致します。

<button class="hide-btn" @click="deletePost">×</button>

deletePost() {
      const currentUser = firebase.auth().currentUser;
      this.uid = currentUser.uid;

      if (this.list.uid == this.uid) {
        firebase
          .firestore()
          .collection("posts")
          .doc(this.list.id)
          .delete();
        this.$swal({
          title: "内容確認",
          text: "投稿を削除しますか？",
          icon: "warning",
          buttons: true,
          dangerMode: true,
        })
          .then(() => {
            this.$swal("投稿を削除しました", {
              icon: "success",
            });
            this.$router.go({
              path: `/board/${this.$route.params.uid}`,
              force: true,
            });
          })
          .catch(() => {
            this.$swal("キャンセルしました。");
          });
      }
    },
    },
  },

Comments

[1T2R3M4]

https://qiita.com/TMTN/questions/15d99410ff957407ec8a

以下ご対応ください。
https://teratail.com/help#posted-otherservice

[TMTN]

1T2R3M4様
ご指摘ありがとうございます。
対応済です。大変申し訳ございませんでした。

Answer 1

以下で実装できました。

deletePost() {
      const currentUser = firebase.auth().currentUser;
      this.uid = currentUser.uid;

      if (this.list.uid == this.uid) {
        this.$swal({
          title: "内容確認",
          text: "投稿を削除しますか？",
          icon: "warning",
          buttons: true,
          dangerMode: true,
        })
          .then(() => {
            firebase
              .firestore()
              .collection("posts")
              .doc(this.list.id)
              .delete();
            this.$swal("投稿を削除しました", {
              icon: "success",
            });
          })
          .catch(() => {
            this.$swal("キャンセルしました。");
          });
      }
    },