❤
npm
Sign UpSign In

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.

Readme

Keywords

Package Sidebar

Install

npm i vue-apple-signin

Repository

github.com/chenpion/vue-apple-signin

Homepage

github.com/chenpion/vue-apple-signin#readme

Weekly Downloads

136

Version

0.1.2

License

MIT

Unpacked Size

23.3 kB

Total Files

9

Last publish

Collaborators

  • code.bochen
Try on RunKit
Report malware