biessek / vue-facebook-account-kit

DEPRECATED - Vue wrapper to facebook account kit: https://www.accountkit.com/

DEPRECATED AccountKit

Facebook Account Kit is being deprecated: read more https://developers.facebook.com/docs/accountkit/

A Vue.js Plugin

Installation

npm install --save vue-facebook-account-kit

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import AccountKit from 'vue-facebook-account-kit'
Vue.use(AccountKit)

Browser

Recomended: Use the facebook version directly instead.

<!-- Include after Vue -->
<!-- Local files -->
<script src="vue-facebook-account-kit/dist/vue-facebook-account-kit.js"></script>

<!-- From CDN -->
<script src="https://unpkg.com/vue-facebook-account-kit"></script>

Small example

https://github.com/biessek/fb-account-kit-example

Development

Launch visual tests

npm run dev

Launch Karma with coverage

npm run dev:coverage

Build

Bundle the js of to the dist folder:

npm run build

Publishing

The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish

License

MIT

vue-facebook-account-kit's Issues

Can't change loginType

Problem:
In the example: https://github.com/biessek/fb-account-kit-example
when I add a button "login by Email", I need to change loginType prop in the component.
If I directly change it, Vue throw a warning that I should use data method to change prop dynamically.
If I use data and v-bind:loginType = loginType on the component's props, it doesn't reload the component, it only changed if I press button again.

Solutions:
There are 2 options:

• Create watcher for the component.
• Modify the login method to accept 3 variable, the first is loginType.

New version 0.1.1 not working

What Happen

The new version 0.1.1 show the error This dependency was not found vue-facebook-account-kit in ./plugins/vue-facebook-account-kit.js. To install it, you can run: npm install --save vue-facebook-account-kit

I've already installed and still not solve when install again. When I switch to version 0.1.0, everything work well again expect the display cannot change bug.

Callback is not called when close modal with EMAIL type

How to initialize?

AccountKit.login( 'PHONE', {countryCode: countryCode, phoneNumber: phoneNumber}, // will use default values if not specified loginCallback );
is error

Cannot change display to modal

I've tried changing display property to modal like below, but none of these works and it open as popup every time. Any idea ?

<facebook-account-kit
   display="modal"
>

this.$refs.accountKit.login({
   display: "modal"
})