【Vue x Firestore】エラーコード：TypeError: Cannot read property 'uid' of nullと出る。

Question

#エラーコード：TypeError: Cannot read property 'uid' of nullと出る。

下記で行っていることはログイン中のユーザーのuidを取得して、ページ遷移の際に :to="/board/${this.uid}" として
URLでuidを取得しています。

そもそも使い方が誤っていたら大変お恥ずかしい話なのですが、エラーの解消方法がわからない状況です。

わかる方お力添えをいただけませんでしょうか。

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

 created() {
    const currentUser = firebase.auth().currentUser;
    this.uid = currentUser.uid;
    firebase
      .firestore()
      .collection("users")
      .doc(currentUser.uid)
      .get();
  },

 <router-link :to="`/board/${this.uid}`" class="header-link neon3 flash">POST</router-link>

 {
    path: "/board/:uid",
    name: "Board",
    component: Board,
  },

Answer 1

おそらくログイン処理が終わる前に、変数の中身を確認しようとしているためエラーとなっておりました。

https://zenn.dev/phi/articles/firebase-auth-wait-for-initialization