https://github.com/samturrell/vue-stripe-payment

Vue wrapper for jquery.payment by stripe
https://github.com/samturrell/vue-stripe-payment

javascript payment stripe vue

Last synced: about 2 months ago
JSON representation

Vue wrapper for jquery.payment by stripe

• Host: GitHub
• URL: https://github.com/samturrell/vue-stripe-payment
• Owner: samturrell
• License: mit
• Archived: true
• Created: 2017-11-14T13:15:48.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-06-11T11:35:17.000Z (over 5 years ago)
• Last Synced: 2024-07-04T23:53:16.482Z (3 months ago)
• Topics: javascript, payment, stripe, vue
• Language: JavaScript
• Homepage:
• Size: 144 KB
• Stars: 16
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-stripe-payment

[![npm](https://img.shields.io/npm/v/vue-stripe-payment.svg)](https://www.npmjs.com/package/vue-stripe-payment)

[![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

Vue wrapper for validating payment form fields. **This Plugin is dependent on jQuery**

A directive is provided for input masking form fields, and the whole payment library is available under the `this.$payment` object.

[Demo](https://samturrell.github.io/vue-stripe-payment/example)

## Installation

Via npm:

```sh

yarn add vue-stripe-payment

- OR -

npm install vue-stripe-payment

```

## Using this plugin

Adding vue-stripe-payment to your application is as simple as any other plugin:

```js

import Vue from 'vue';

import VueStripePayment from 'vue-stripe-payment';

Vue.use(VueStripePayment);

new Vue({

  el: '#app',

});

```

The `v-stripe-payment` directive is now available to your app. Masks can be accessed as the arg of this directive, for example:

```html

  


    Card number

    

  

  


    Card Expiry

    

  

  


    Card CVC

    

  

  


    Numeric input

    

  

  Submit


```

For further details, see the [stripe/jquery.payment](https://github.com/stripe/jquery.payment) readme.

## :scroll: Changelog

Details changes for each release are documented in the [CHANGELOG.md](https://github.com/samturrell/vue-stripe-payment/blob/dev/CHANGELOG.md).

## :copyright: License

[MIT](http://opensource.org/licenses/MIT)