November: Procrastination Month

    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.

    Install

    npm i vue-apple-signin

    DownloadsWeekly Downloads

    137

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    23.3 kB

    Total Files

    9

    Last publish

    Collaborators

    • code.bochen