feat: adding i18n

Author: afshinm

docs/config/language.md

@@ -0,0 +1,33 @@
+---
+id: language
+title: language 
+---
+
+To localize and update the messages used in Grid.js.
+
+ - `optional`
+ - Type: `{ [key: string]: string | (...args) => string }`
+ - Example: [Internationalization](./examples/i18n.md)
+
+```js
+new Grid({
+  // ...
+  language: {
+    'search': {
+      'placeholder': '🔍 Search...'
+    },
+    'pagination': {
+      'previous': '⬅️',
+      'next': '➡️',
+      'showing': '😃 Displaying',
+      'results': () => 'Records'
+    }
+  }
+});
+```
+
+<br/>
+
+:::tip
+See [en_US](https://github.com/grid-js/gridjs/blob/master/src/i18n/en_US.ts) for a full list of messages.
+:::

docs/config/search.md

@@ -17,7 +17,6 @@ To enable or disable the global search plugin
 |----------------------------|------------------------------|---------|---------------------|
 | enabled                    | to enable/disable the plugin | boolean | `true` or `false`   |
 | keyword `optional`         | to initiate with a keyword   | string  | `John`              |
-| placeholder `optional`     | search input placeholder     | string  | `Type a keyword...` |
 | server `optional`          | to enable server integration | string  | [Server-side search](./examples/server-side-search.md) |
 | debounceTimeout `optional` | search debounce timout       | number  | `1000` (1 second)   |
 
@@ -32,8 +31,13 @@ new Grid({
     ['Nisen', 'nis900@gmail.com',   '313 333 1923']
   ],
   search: {
-    enabled: true,
-    placeholder: 'Search...'
+    enabled: true
   }
 });
 ```
+
+<br/>
+
+:::tip
+You can customize the search placeholder using the `language` config. See [Internationalization](./examples/i18n.md).
+:::

docs/examples/localization.md docs/examples/i18n.md

@@ -12,6 +12,7 @@ module.exports = {
       'config/from',
       'config/columns',
       'config/server',
+      'config/language',
       'config/width',
       'config/autoWidth',
       'config/search',