Nuxt.js：firebaseAuthのfacebookログインでOAuthリダイレクトURIエラー

Question

前提・実現したいこと

firebaseAuthで
facebookログインの実装
ログイン画面中のエラーを解消したいです。

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

ログイン画面に遷移すると
こういったエラーが出ます。
コードの問題ではなく
facebook for developersでの設定だと思います。

URLはブロックされています: リダイレクトURIがアプリのクライアントOAuth設定でホワイトリストに追加されていないため、リダイレクトできませんでした。クライアントとウェブOAuthログインをオンにして、すべてのアプリドメインを有効なOAuthリダイレクトURIとして追加してください。

該当のソースコード

Vuexを使用しております。
コードはfirebaseAuthのGuids
必須項目の1と5をコピペしています。
メールアドレスログインでは同じ要領で機能したので、
コードの問題ではなさそうです。
Handle the sign-in flow with the Firebase SDK

export const actions = {
  loginFacebook({ dispatch }) {
    var provider = new firebase.auth.FacebookAuthProvider()
    firebase.auth().signInWithPopup(provider).then(function (result) {
      var token = result.credential.accessToken
      var secret = result.credential.secret
      var user = result.user
      dispatch('checkLogin')
      console.log(result)
    }).catch(function (error) {
      var errorCode = error.code
      var errorMessage = error.message
      var email = error.email
      var credential = error.credential
      console.log(errorMessage)
    })
  },
}

試したこと

・firebaseAuthのログインプロバイダでfacebook有効化
facebook for developersのアプリID, app secretを貼り付けました。

・facebook for developers
アプリのダッシュボード > 製品 > Facebookログイン設定 > 項目：有効なOAuthリダイレクトURI
ログイン後に戻りたいURLを入力しました。
http://localhost:3000/

http://localhostのリダイレクトは開発モードでのみ自動的に許可され、ここに追加する必要はありません。

ドキュメントにはこう記されています。
アプリのセキュリティ

開発モード
新規に作成されたアプリはすべて、開発モードで起動します。

クライアントOAuth設定

Answer 1

firebaseAuthの
ログインプロバイダに記載がありました！

設定を完了するには、この OAuth リダイレクト URI を Facebook アプリの設定に追加します。
https://nuxttodoapp-2d42a.firebaseapp.com/__/auth/handler