updated ReadMe

Author: d2phap

.npmignore

@@ -1,4 +1,4 @@
 # Exclude files/folders for publishing package
 
 demo/
-
+src/

README.md

@@ -1,17 +1,20 @@
 # Vue File selector
-File selector component that supports drag-n-drop for @vuejs
+File selector component that supports drag-n-drop for Vuejs.
 
-## Install
+##  Install
 Run the command
 ```
-npm i fluent-reveal-effect@latest
+npm i vue-file-selector@latest
 ```
 
 NPM package: https://www.npmjs.com/package/vue-file-selector
 
+Github source: https://github.com/d2phap/vue-file-selector
+
 ## Usage
+Please see [Demo project](https://github.com/d2phap/vue-file-selector/tree/master/demo) for full example.
 
-#### Declare the plugin
+### Declare the plugin
 ```js
 // import the library
 import FileSelector from 'vue-file-selector';
@@ -24,13 +27,11 @@ Vue.use(FileSelector);
 ```html
 <template>
   <div>
-    My App.vue comp
-
     <file-selector
-      accept-extensions=".zip"
+      accept-extensions=".jpg"
       :height="300"
-      @validate="validate"
-      @change="change"
+      @validated="handleFilesValidated"
+      @changed="handleFilesChanged"
     >
       hahahah
     </file-selector>
@@ -41,15 +42,62 @@ Vue.use(FileSelector);
 export default {
   name: 'App',
   methods: {
-    validate(result, files) {
+    handleFilesValidated(result, files) {
       console.log('Validation result: ' + result);
     },
 
-    change(files) {
-      console.log('Selected files: ', files);
+    handleFilesChanged(files) {
+      console.log('Selected files: ');
+      console.table(files);
     },
   },
 };
 </script>
 ```
 
+## Slots
+| Name | Default | Description |
+| -- | -- | -- |
+| `default` | `Select` | Content of the `Select` button. |
+| `loader` | `Loading...` | Content of loading state. |
+| `top` | | Top section content, above the `Select` button. |
+| `bottom` | | Bottom section content, below the `Select` button. |
+
+
+## Props
+| Name | Type | Default | Description |
+| -- | -- | -- | -- |
+| `multiple` | `Boolean` | `false` | Allow multiple files selected. |
+| `is-loading` | `Boolean` | `false` | Show or hide the loading section (slot: `loader`). |
+| `accept-extensions` | `String` | ` ` | List of file extensions accepted. Each extension separated by a comma (`,`). E.g. `accept-extensions=".zip,.rar"`. |
+| `max-file-size` | `Number` | `NaN` | Maximum **size in byte** of every single file allowed. E.g. `:max-file-size="2*1024*1024"` (only the files that ≤2 MB are allowed). |
+| `height` | `Number` | `NaN` | The height of droppable section. |
+| `validate-fn` | `Function -> Boolean` | `() => true` | A custom validation function that returns boolean value. |
+
+
+## Events
+### 1. `@validated`
+Occurs after the selected files validated.
+```js
+Function(result: String | Boolean, files: FileList): void
+```
+- `result`: validation result, 
+  + returns `true` if the file validation is valid, else
+  + returns `false` or [Error codes](#error-codes).
+- `files`: list of files validated.
+
+### 2. `@changed`
+Occurs if the selected files pass validation.
+```js
+Function(files: FileList): void
+```
+- `files`: list of files validated.
+
+
+## Error codes
+List of error codes returned after validation.
+| Code | Error description |
+| -- | -- |
+| `EXTENSION_ERROR` | The selected files contain invalid extensions. |
+| `FILE_SIZE_ERROR` | The selected files size exceeded limit. |
+| `MULTIFILES_ERROR` | Multiple files selection is not allowed. |