facebook-login-vuejs

Easy Way To Integrate Your Facebook App

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
facebook-login-vuejs
2.1.35 years ago5 years agoMinified + gzip package size for facebook-login-vuejs in KB

Readme

npm
Description
Vue Component that lets you drop it into your existing project and get the benefits of Facebook Login quickly.
Example
source code of the example can be found in example folder. the actual component is just the button (: app preview
Installation
npm i facebook-login-vuejs
Example Usage
my-component.vue
import facebookLogin from 'facebook-login-vuejs';

Vue.component('my-component', {
    components: {
        facebookLogin
    }
});

<facebook-login class="button"
  appId="326022817735322"
  @login="getUserData"
  @logout="onLogout"
  @get-initial-status="getUserData">
</facebook-login>
Props
| Props | Type | Default | Notes | |--------------- |---------- |--------------------------------------------- |------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | appId | string | None.It is a required prop. | | | version | string | 'v2.9' | refer to Facebook Docs for explanation on available values | | loginLabel | string | Log In To Facebook | | | loginOptions | object | {scope: 'email'} | all options listed on Facebook Docs are passable with camelCase. e.g : {returnScopes: false} | | logoutLabel | string | Log out from Facebook | |
Events
| Event | Output | Description | |--------------------|--------|-------------------------------------------------------------| | get-initial-status | Object | TO BE DEPRECATED. Initial Check to decide weather the user already connected. | | sdkLoaded | Object | returns an object with the following keys:
isConnected: Boolean. is the User conneted?
FB: the api object. | | click | | The Component has been clicked. | | login | Object | User tried to login | | logout | Object | User tried to logout |
Development
  • running the example on dev server npm start. this will run the example app.
Tests
tests will be added hopefully soon.
Contribute
I welcome any kind of contributions/requests/questions/general feedback. possible methods to contact me:
  1. open an Issue
  2. send me a mail: iliran11@gmail.com
  3. contact me on facebook