Skip to content

Latest commit

 

History

History

vue

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
build
build
 
 
config
config
 
 
src
src
 
 
static
static
 
 
.eslintignore
.eslintignore
 
 
.eslintrc.js
.eslintrc.js
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package.json
package.json
 
 
yarn.lock
yarn.lock
 
 

README.md

Airwallex Payment Elements with Vue.js

This directory contains the Vue.js implementation of Airwallex Payment Element.

Requirements

  • node.js
  • npm or yarn package manager

Installation and Development

  1. Clone the root airwallex-payment-demo project to your local machine

git clone https://github.com/airwallex/airwallex-payment-demo

  1. Navigate into the react directory with cd vue

  2. Install the package with yarn or npm install

  3. Run the project in development mode with yarn dev or npm start. See the project at localhost:8080

Usage

Each of the payment methods are written as separate components found in the /src/components folder.

To test each of the payment methods, be sure to replace the intent_id and client_secret variables at the top of each file with your own unique keys. These values can be created with the backend API integration with PaymentIntent.

const intent_id = 'replace-with-your-intent-id';
const client_secret = 'replace-with-your-client-secret';

More docs on Vue.js

For a detailed explanation on how Vue.js works, check out the guide and docs for vue-loader.

Authors

Chao Ding, Josie Ku, and Jessica Zhou