fareez-ahamed · mykeels · Jan 19, 2018 · Jan 19, 2018 · Jan 19, 2018 · Jan 19, 2018
diff --git a/.babelrc b/.babelrc
@@ -1,12 +1,11 @@
 {
   "presets": [
-    ["env", { "modules": false }],
-    "stage-2"
+    ["env", { "modules": false }]
   ],
   "plugins": ["transform-runtime"],
   "env": {
     "test": {
-      "presets": ["env", "stage-2"],
+      "presets": ["env"],
       "plugins": [ "istanbul" ]
     }
   }

diff --git a/README.md b/README.md
@@ -1,6 +1,37 @@
-# autocomplete-vuejs2
+# v-complete
 
-> Autocomplete component using Vue.js 2
+> Autocomplete component using Vue 2 and Bootstrap
+
+## Component Usage
+
+In your project terminal:
+
+```bash
+npm i -s mykeels/v-complete
+```
+
+In your Vue script:
+
+```js
+import VueComplete from 'v-complete'
+
+Vue.use('v-complete', VueComplete)
+```
+
+In your template html:
+
+```html
+<v-complete
+  :suggestions="[
+    { 'name': 'Bangladesh', 'description': 'Bangladesh' },
+    { 'name': 'Lagos', 'description': 'Lagos' }
+  ]"
+  :limit="5"
+  :threshold="0.3"
+  value="Lagos"
+  placeholder="Select a City"
+  ></v-complete>
+```
 
 ## Build Setup
 
@@ -19,5 +50,3 @@ npm run build --report
 ```
 
 For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
-
-
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
-    <title>autocomplete-v2</title>
+    <title>v-complete</title>
   </head>
   <body>
     <div id="app"></div>