--the form split into vue components.

--card number mask added
--cvv number mask added

.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

.gitignore

@@ -1,10 +1,21 @@
-# Created by https://www.gitignore.io/api/sass
-# Edit at https://www.gitignore.io/?templates=sass
+.DS_Store
+node_modules
+/dist
 
-### Sass ###
-.sass-cache/
-*.css.map
-*.sass.map
-*.scss.map
+# local env files
+.env.local
+.env.*.local
 
-# End of https://www.gitignore.io/api/sass
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -5,3 +5,32 @@ A fantastic credit card form with smooth and sweet micro-interactions. Includes
 See Live: https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
 
 ![](demo.gif)
+
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Run your unit tests
+```
+npm run test:unit
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}