update docs

Author: yazan-alnugnugh

README.md

@@ -63,14 +63,9 @@ public function all(Request $request)
 ```html
 // resources/posts/index.blade.php
 
-<x-app-layout>
-
-
-
-
     <data-table
         :config="{
-        url: `/{{app()->getLocale()}}/admin/posts/all?page=1`,
+        url: `posts/all?page=1`,
             },
         }"
         :columns="[
@@ -119,12 +114,4 @@ public function all(Request $request)
         "
 
     ></data-table>
-
-
-
-
-
-</x-app-layout>
-}
-
 ```

_docs/1-introduction.md

@@ -62,15 +62,9 @@ public function all(Request $request)
 
 ```html
 // resources/posts/index.blade.php
-
-<x-app-layout>
-
-
-
-
     <data-table
         :config="{
-        url: `/{{app()->getLocale()}}/admin/posts/all?page=1`,
+        url: `posts/all?page=1`,
             },
         }"
         :columns="[
@@ -119,12 +113,4 @@ public function all(Request $request)
         "
 
     ></data-table>
-
-
-
-
-
-</x-app-layout>
-}
-
 ```

_docs/2-Installation-and-Setup.md

@@ -10,15 +10,20 @@
 
 ## Installation
 
-There is two-step to install packages
+## Requirements
 
+* [Vue.js](https://vuejs.org/)  => 2.x
+* [Laravel](http://laravel.com/docs/) => 7.x
+* [Tailwind](https://tailwindcss.com/) => 1.*
+
+for install and setup them we will work on the server-side and client-side , using few steps 
 ## server side 
 
-step 1
+#### step 1
 ```bash
 composer require yazan/laravel-datatable
 ```
-step 2 
+#### step 2 
 
 create grid class 
 ```bash
@@ -27,11 +32,11 @@ php artisan make:grid-class exampleGrid
 
 ## clint side
 
-step 1 
+#### step 1 
 ```bash
 npm i @yazan.alnughnugh/vue-datatable
 ```
-step 2 
+#### step 2 
 ```javascript
 // app/resources/js/app.js
 

_docs/3-Configuration.md

@@ -91,14 +91,14 @@
 
 | Name | Type | Default | Description  
 | --- | --- | --- | --- |
-| `filter` | Object | {} | Add filters data |
-| `filter.selection` | Object | {} | the object contains all filter selection data |
-| `filter.selection.show` | Bool | true | to disable or enable selection filter |
-| `filter.selection.data` | Object | {} | the object is array contains all select input options |
-| `filter.selection.data.label` | String | '' | name appears beside select input |
-| `filter.selection.data.relation` | String | '' | relation name you will get it |
-| `filter.selection.data.column` | String | '' | column name you will get it |
-| `filter.selection.data.rows` | Json | [{}] | all rows from the database as JSON |
+| `filters` | Object | {} | Add filters data |
+| `filters.selection` | Object | {} | the object contains all filter selection data |
+| `filters.selection.show` | Bool | true | to disable or enable selection filter |
+| `filters.selection.data` | Object | {} | the object is array contains all select input options |
+| `filters.selection.data.label` | String | '' | name appears beside select input |
+| `filters.selection.data.relation` | String | '' | relation name you will get it |
+| `filters.selection.data.column` | String | '' | column name you will get it |
+| `filters.selection.data.rows` | Json | [{}] | all rows from the database as JSON |
 
 
 
@@ -123,7 +123,6 @@
                       "
     ></data-table>
 ```
-                                                               |
 
 | Name | Type | Default | Description  
 | --- | --- | --- | --- |