@team-decorate/vue-line-login
vue line login support
2,986
6
| Install | |
|---|---|
npm install @team-decorate/vue-line-login |
|
| Latest Version: | 1.3.0 |
| Vue: | 2 |
| License: | MIT |
| Last Updated: | Feb 10, 2022 |
| Links: | GitHub · npm |
Maintainer: team-decorate
vue-line-login
Installation
With npm:
npm install @team-decorate/vue-line-login
Usage
<template>
<line-login-button
client-id="11111"
callback-uri="http://localhost:8080"
client-secret="secret"
@result="result"
add-friend
friend-required></line-login-button>
</template>
<script>
import '@team-decorate/dist/vue-line-login.css'
import VueLineLogin from '@team-decorate/vue-line-login'
export default {
components: {
VueLineLogin
},
methods: {
result(res) {
console.log(res)
}
}
}
</script>
Available props
| Prop | Type | Default | Description |
|---|---|---|---|
| client-id | String | line client id | |
| client-secret | String | line client secret | |
| callback-uri | String | line redirect uri | |
| add-friend | Boolean | false | Show Add Friend |
| friend-required | Boolean | false | Fail if you do not add friends |
| login-text | String | LINEでログイン | |
| friend-error-text | String | 友達に追加してください | Error text when not added to a friend |
Events
| Event | Output | Description |
|---|---|---|
| result | result | Object such as line access token |
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.3.0 | ^2.6.10 | MIT | |
| 1.2.2 | ^2.6.10 | MIT | |
| 1.2.1 | ^2.6.10 | MIT | |
| 1.2.0 | ^2.6.10 | MIT | |
| 1.1.0 | ^2.6.10 | MIT | |
| 1.0.0 | ^2.6.10 | MIT |