vue-apple-signin
v0.1.2
Published
A vue plugin to include a Apple sign-in button into your web app.
Downloads
574
Maintainers
Readme
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.