FirebaseでlocalStorage is not definedと表示された。

Question

前提・実現したいこと

現在、Nuxt.js と Firebaseuiを用いて簡単なアカウント認証機能を実装しています。

そこで、以下のエラーが発生いたしました。

発生している問題・エラーメッセージ

ReferenceError localStorage is not defined

該当のソースコード

import { auth } from '~/plugins/firebase'

export const state = () => ({
  status: '',
  token: localStorage.getItem('token') || '',
  username: '',
  uid: ''
})

export const getters = {
  isLoggedIn: state => state.store === 'loggedIn',
  uid: state => state.uid
}

export const actions = {
  gotUser ({ commit }, user) {
    commit('setUser', user)
  },
  logout ({ commit }) {
    auth.signOut().then(() => {
      commit('logout')
    })
  }
}

export const mutations = {
  setUser (state, user) {
    state.status = 'loggedIn'
    state.username = user.displayName
  },
  logout (state) {
    state.status = 'loggedOut'
    state.username = ''
  }
}

試したこと

localStorage is not defined を検索しましたが、参考になる記事を見つけることができませんでした。

補足情報（FW/ツールのバージョンなど）

firebase @7.7.0
firebaseui @4.4.0

Answer 1

###解決方法

恐らくlocalStorageをSS側で呼び出しているのではないかと思い、nuxt.config.jsで
Nuxt.jsのモードを ssr => spa と変更したところ、無事にエラーが解消されてログインボタンが出現しました。