Firestoreでユーザー認証をした際Property or method "currentUser"is not definedと出てしまう。

Question

Vue+Firebaseでグーグル認証を作成しています。
サインインボタンを押してユーザーを指定してログインした際signIn () の'Hello, '+result.user.displayName+'!'は表示されるのですが画面に全く変化が無く、エラーとして**Property or method "currentUser" is not defined on the instance but referenced during render. **と出てきました。調べたらcurrentUserの初期値を設定しないといけないらしいのですが、どう書いたらいいのか分かりませんでした。
良ければご教授お願いします。
OS：Win10
"firebase": "^7.14.6"
vue/cli:"~4.4.0"

Header.vue

～中略～
<template>
<div class="navbar-end">
        <div v-if="currentUser" class="content">
          <router-link to="/create">
            <b-button type="is-primary" class="post_b">投稿する</b-button>
          </router-link>
         <div class="box">
              <div>
                <p>{{ currentUser.displayName }}</p>
                <p class="logout" @click="signOut">ログアウト</p>
              </div>
          </div>
        </div>
        <div v-else>
         <b-button type="is-primary" outlined @click="signIn">サインイン</b-button>
        </div>
      </div>
    </div>
</template>

<script>
import firebase from 'firebase'
import { auth } from '@/main'
import { db } from '@/main'

export default {
  data(){
    return{
      currntUser: {}  //おそらくここの書き方が違うのではないか…
    }
  },
  created() {
    auth.onAuthStateChanged(user => { 
      this.currentUser = user
    })
  },

  methods:{
    signIn(){
      const provider = new firebase.auth.GoogleAuthProvider()
      auth.signInWithPopup(provider)
      .then((result) => {
        alert('Hello, '+result.user.displayName+'!'),

        db.collection('users').doc(result.user.uid).set({
          displayName: result.user.displayName,
          photoURL: result.user.photoURL,
          email: result.user.email
        })

      })
    },
    signOut () {
      if (window.confirm('Are You Sure to Sign Out?')) {
        auth.signOut()
        .then(() => {
          alert('You Safely Signed Out.')
          this.$router.push('/'),
          location.reload()
        })
      }
    }
  }
}
</script>

Answer 1

dataメソッドにtypoがあります

data(){
  return{
-   currntUser: {}  //おそらくここの書き方が違うのではないか…
+   currentUser: {}
  }
}

Comments

[Tikka123456]

確認不足でした！ありがとうございます。