# vue-apple-signin
> A simple [Vue](https://vuejs.org) plugin to include an [Apple sign-in button](https://developer.apple.com/documentation/signinwithapplejs) into your web app.
## Install
```
npm install vue-apple-signin
```
## Usage
index.html
``` html
```
main.js
``` 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
``` html
```
### Advanced
``` html
```
## 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
`` 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.