# Vuetify Credit Card

## Vue.js credit card component

See on [NPM](https://www.npmjs.com/package/vuetify-credit-card)

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](#)

The vuetify-credit-card is a Vue.js component that aims to do the same for Vue.js(vue2.0).

### Dependencies:
- [Vue.js](https://vuejs.org/)
- [Pug.js](https://pugjs.org/)
- [Stylus](http://stylus-lang.com/)
- [Payment](https://github.com/jessepollak/payment)
- [Puzzle-Pattern](https://github.com/guastallaigor/puzzle-pattern/)

<div style="display:flex;flex-flow:row wrap;align-items:center">
  <a href="https://github.com/iliojunior">
    <img
      align="center"
      src="/example/preview.gif"
      alt="iliojunior">
  </a>
</div>

## Props

| Name | Required | Type/Value | Default | Description |
| --- | --- | --- | --- | --- |
| value | No | `Object` | {} | Used for set datas in component |
| invertCard | No | `Boolean` | false | Flag to flip card component |
| formatData | No | `Boolean` | false | Flag to format values on value prop |

## Contribute

You must follow [Puzzle-Pattern](https://github.com/guastallaigor/puzzle-pattern/) like the Code of Conduct.

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8082
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

Jessepollak's [Card](http://github.com/jessepollak/card) make credit card forms look awesome.

## Support:
- [Ilio Adriano de Oliveira Junior](https://github.com/iliojunior) - ilioadriano@live.com