vue-google-signin

A simple and lightweight google signin plugin using vue@3

Geting Start

npm install vue-google-signin -S

Usage

<template>
  <div>
    <vue-google-signin :params="params" @success="onSuccess" @error="onError">
      <button>login</button>
    </vue-google-signin>
  </div>
</template>

<script>
export default {
  name: 'awesome-vue-google-signin',
  data() {
    return {
      params: {
        client_id: 'xxxx',
        ux_mode: 'popup',
      },
    };
  },
  methods: {
    onSuccess(googleUser) {
      console.log('googleUser', googleUser);
    },
    onError(error) {
      console.log('googleUser', error);
    },
  },
};
</script>

Options

| Property | Type | Required | Description | |--------------|----------|-----------------|-----------------| | params | Object | true | google sign params. see google doc |

Methods

| Property | Type | Required | Description | |--------------|----------|-----------------|-----------------| | success | Function | false | google signin success callback | | error | Function | false | google error success callback |

License

MIT © premillos