Firebase Authentication EmailSignup Component

EmailSignUp.vue

<template>
  <div>
    <div class="row">
      <div class="col s12">
        <input type="text" placeholder="E-mail" v-model="email">
        <input type="password" placeholder="Password" v-model="password">
      </div>
    </div>
    <div class="row">
      <div class="col s12">
        <button class="waves-light waves-effect btn blue" @click="signupWithEmailAndPassword">Register</button>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import {
  Component,
  Provide,
  Vue
} from "nuxt-property-decorator"
import firebase from "~/plugins/firebase"

@Component({})
export default class EmailSignup extends Vue {
  @Provide()
  private email: string = ""

  @Provide()
  private password: string = ""

  private signupWithEmailAndPassword () {
    firebase.auth().createUserWithEmailAndPassword(this.email, this.password)
      .catch((error) => {
        alert(error.message)
      })
  }
}
</script>