Skip to content

cyrusstoller/vue-plaid-link

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-plaid-link

This package helps you to jump start the process of building a Vue.js application that interacts with Plaid.

After you sign up for your API keys, follow the instructions below. If you want to learn more, check out the Plaid API documentation.

Installation

npm

npm install --save vue-plaid-link2

yarn

yarn add vue-plaid-link2

Usage

This is based on this Plaid documentation. This component supports both link_tokens and the deprecated public_key. For clarity, you should only use one or the other, not both.

<script>
import vue from 'vue';
import PlaidLink from 'vue-plaid-link2';

vue.component('PlaidLink', PlaidLink);

export default {
  name: 'App',
  methods: {
    onLoad() {},
    onSuccess(public_token, metadata) {},
    onExit(err, metadata) {},
    onEvent(eventName, metadata) {}
  }
};
</script>

<template>
  <div id="app">
    <PlaidLink
      clientName="APPLICATION NAME"
      env="sandbox"
      link_token="GENERATED LINK TOKEN"
      public_key="PLAID PUBLIC KEY"
      :products="['auth','transactions']"
      webhook="https://requestb.in"
      :onLoad='onLoad'
      :onSuccess='onSuccess'
      :onExit='onExit'
      :onEvent='onEvent'
      >
      <button>Open Link Slot</button>
    </PlaidLink>
  </div>
</template>

Example

We have included an example vue application that you can use to see how things work.

Contributing

Bugs / Issues

If you find a bug or something that could improve the user experience, please file an issue on this github project, so contributors/maintainers can get started fixing them. :-)

Submitting Pull Requests

  • Fork this project
  • Make a feature branch git checkout -b feature
  • Make your changes and commit them to your feature branch
  • Submit a pull request