❤
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.

Dependencies (0)

    Dev Dependencies (5)

    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

    144

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    23.3 kB

    Total Files

    9

    Last publish

    Collaborators

    • code.bochen
    Try on RunKit
    Report malware