Nuxt.jsでFirebase Authの匿名ログインをアクセス時に行いたい

Question

Nuxt.jsでページにアクセスがあった時に、そのユーザーが未ログインであれば匿名ログインを走らせたいと思っています。

GitHubやQiita、その他サイトを探ってみたものの「ボタンを押したらログイン」のサンプルはたくさんあるのですが、この実装のサンプルは見当たらず、3日間解決できずにいて困っています。

試したこと

Firebaseの導入と下記のコードでボタンを押した時に匿名ログインのユーザーが発行されることは確認をしました。
methodsではなくcreatedを使えばできるのではないかと思い、試してみましたがFirebase Authはmethodsで定義する必要があるようで、エラーが出て動きませんでした。

<template>
  <a class="button" @click="login">
  </a>
</template>

<script>
import firebase from '~/plugins/firebase'

export default {
  methods: {
    login() {
      firebase.auth().signInAnonymously()
    }
  }
}
</script>

他に相談できる方もなく、よろしければ回答いただけると幸いです。

Answer 1

createdの書き方を間違えていたようです。
以下のようにすることでアクセス時にログインができるようになりました。

created() {
 firebase.auth().signInAnonymously()
 }