vue-apple-signin

0.1.2 • Public • Published

vue-apple-signin

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

Screenshot

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.

Package Sidebar

Install

npm i vue-apple-signin

Weekly Downloads

111

Version

0.1.2

License

MIT

Unpacked Size

23.3 kB

Total Files

9

Last publish

Collaborators

  • code.bochen