【Firebase】Googleログイン認証の実装ができない

Question

前提・実現したいこと

現在Vue.jsとFirebaseで作るミニWebサービスという書籍で学習を行っています。
テキスト通りにFirebaseでGoogleログイン認証の実装を実現を目指しています。

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

テキスト通りにコードを書いていますが、実装ができません

該当のソースコード

<template>
<div id="home">
    <h1>{{ msg }}</h1>
    <button @click="googleLogin">Googleアカウントでログイン</button>
</div>
</template>

<script>
export default {
    name: "home",
    data() {
        return {
            msg: "Welcome to MyMarkdown"
        }
    },
    methods: {
        googleLogin: function() {
            firebase.auth().signInWithRedirect(new firebase.auth.GoogleAuthProvider());
        }
    }
};
</script>

Comments

[YT0014]

「実装ができません」とありますが、何をした時にどのようなことが起こっているのでしょうか？
エラーメッセージなど、具体的な情報を、質問欄を編集して、ご提示ください。