vue-apple-signin
A vue plugin to include a Apple sign-in button into your web app.
5,959
20
| Install | |
|---|---|
npm install vue-apple-signin |
|
| Latest Version: | 0.1.2 |
| License: | MIT |
| Last Updated: | May 1, 2023 |
| Links: | GitHub · npm |
Maintainer: code.bochen
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.
Related Packages
vue-apple-login
A vue plugin to include a Apple sign-in button into your web app with popup and...
66,100
12
vue-google-signin-button
A simple plugin to include a Google sign-in button into your web app
42,882
292
vue-facebook-signin-button
A simple plugin to include a custom Facebook sign-in button into your web app
19,286
Version History
| Version | Released | License |
|---|---|---|
| 0.1.2 | MIT | |
| 0.1.1 | MIT | |
| 0.1.0 | MIT |