in

Facebook Login Component for vue.js


facebook-login-vue

Vue Component that lets you drop it into your existing project and get the benefits of Facebook Login quickly.

source code of the example can be found in example folder.
the actual component is just the button (:

npm i facebook-login-vuejs

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 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
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
  • running the example on dev server npm start. this will run the example app.

tests will be added hopefully soon.

GitHub

https://github.com/iliran11/facebook-login-vue




Leave a Reply

Your email address will not be published. Required fields are marked *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

GIPHY App Key not set. Please check settings

Convolutional 2D Knowledge Graph Embeddings resources

Smart Copy — Better copy in minutes, not days – free from Unbounce