loginViaGoogleMeteor.vue

<template>
  <div class="app">
        <button
          :disabled="loading || !configurationExists"
          @click="login"
        >
          {{ ( loading || !configurationExists ) ? 'Please wait' : 'Continue with Google' }}
        </button>
  </div>
</template>

<script>
  export default {
    meteor: {
      configurationExists() {
        return ServiceConfiguration.configurations.findOne({service: 'google'});
      },
    },
    components: {},
    props: {
      loginData: {
        type: Object,
      },
    },
    data() {
      return {
        loading: false,
      };
    },
    methods: {
      login() {
        this.loading = true;
        Meteor.loginWithGoogle(err => {
          if (!err) {
            // successful authentication
            this.$router.push({name: 'dashboard'});
          } else{
            // failed authentication
            alert(err.toString() || 'Unknown Error');
          }
        });
      },
    },
  };
</script>