Vue-apple-signin NPM

vue-apple-signin

A simple Vue plugin to include an Apple sign-in button into your web app.

Install

npm install vue-apple-signin

Usage

index.html

<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>

main.js

import VueAppleSignin from 'vue-apple-signin';

Vue.use(VueAppleSignin, {
  clientId: 'CLIENT_ID',
  scope: 'SCOPE',
  redirectURI: 'REDIRECT_URI',
  state: 'STATE',
});

Now you have a vue-apple-signin global component, ready for use.

Example

Simple

<vue-apple-signin></vue-apple-signin>

Advanced

<vue-apple-signin
  color="black"
  :border="true"
  type="sign in"
></vue-apple-signin>

Properties

name	type	default	value
color	`String`	`black`	`black` / `white`
border	`Boolean`	`true`	`true` / `false`
type	`String`	`sign in`	`sign in` / `sign up` / `apple` / `continue`

Known issues

<!DOCTYPE html> in the html file may causes button style to be messed up, commented it should fix. If there's way to fix it, please let me know.

Vue Apple oAuth sign-in sign in log-in log in

@everything-registry/sub-chunk-3072

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago