FirebaseのGoogle認証のonAuthStateChangedの返り値がnull

Question

Home.vueからGoogle認証を行うプログラムを書いています。
firebase.auth().onAuthStateChanged(function(user)) の返り値が、program.vueのgoogleLogin(Google認証)後も、nullになります。

未認証→Home.vueをレンダリングし、認証後はEditor.vueをレンダリングするようにしたいのですが、.onAuthStateChangedがGoogleログイン後もnullとなり認証ができません。
コンソールにエラーははいていないため、認証部分の根本的なロジックの誤りがあるのだと思っているのですが、原因がつかめません。どなたかわかりますでしょうか？？

#Home.vue
<template>
	<div>
		<p>{{ message }}</p>
		<button v-on:click="googleLogin">Google Login</button>
	</div>
</template>

<script>
import firebase from "firebase"


export default {
	name: "Home",
	data() {
		return { message: "here is Home" }
	},
	methods: {
		googleLogin: function() {
			var provider = new firebase.auth.GoogleAuthProvider();
			firebase.auth().signInWithRedirect(provider);
		}
	}
};

</script>

#main.js
Vue.config.productionTip = false

var config = {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: ""
};
firebase.initializeApp(config);


/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App, Home, Editor },
  data: {
  	mainMessage: "hello",
  	isLogin: false
  },
  created: function() {
	firebase.auth().onAuthStateChanged(function(user) {
    
		if (user) {
			console.log(user)
		} else {
			console.log(user)
		}
	})

  }
})