rework of code extandable display + remove dependancy on ionicons + README & example

README.md

@@ -1,15 +1,14 @@
 # vue-json-viewer
 
-Simple json display component,  based on vue
+Simple JSON viewer component, for Vue.js 2
 
 ## Installing:
 Using npm:
 ```
 $ npm install vue-json-viewer
 ```
-Using bower:
-
 
+Using yarn:
 ```
 $ yarn add vue-json-viewer
 ```
@@ -17,48 +16,104 @@ $ yarn add vue-json-viewer
 ## Example:
 
 ``` html
+<json-viewer :value="jsonData"></json-viewer>
+
+<hr />
+
 <json-viewer
   :value="jsonData"
-  :show-copy="true"
-  icon-prefix="ion"
-  :show-bigger="true"
-  :sort-keys="true" />
+  :expand-depth=5
+  copyable
+  boxed
+  sort></json-viewer>
 ```
 
 ``` js
-export default {
-  name: 'Page',
+import Vue from 'vue'
+import JsonViewer from '../lib'
+
+// Import JsonViewer as a Vue.js plugin
+Vue.use(JsonViewer)
+
+new Vue({
+  el: '#app',
   data() {
     return {
       jsonData: {
-        name: [
-          {key: 2},
-          {key: 'hello word'},
-        ],
-        val: {
-          c: () = {},
-          b: 'a',
-          a: 'hello word',
-          asd2: 1,
-          asd: false,
-          foo: null,
-          bar: undefined
-        }
+        total: 25,
+        limit: 10,
+        skip: 0,
+        links: {
+          previous: undefined,
+          next: function () {},
+        },
+        data: [
+          {
+            id: '5968fcad629fa84ab65a5247',
+            firstname: 'Ada',
+            lastname: 'Lovelace',
+            awards: null,
+            known: [
+              'mathematics',
+              'computing'
+            ],
+            position: {
+              lat: 44.563836,
+              lng: 6.495139
+            },
+            description: `Augusta Ada King, Countess of Lovelace (née Byron; 10 December 1815 – 27 November 1852) was an English mathematician and writer,
+            chiefly known for her work on Charles Babbage's proposed mechanical general-purpose computer,
+            the Analytical Engine. She was the first to recognise that the machine had applications beyond pure calculation,
+            and published the first algorithm intended to be carried out by such a machine.
+            As a result, she is sometimes regarded as the first to recognise the full potential of a "computing machine" and the first computer programmer.`,
+            bornAt: '1815-12-10T00:00:00.000Z',
+            diedAt: '1852-11-27T00:00:00.000Z'
+          }, {
+            id: '5968fcad629fa84ab65a5246',
+            firstname: 'Grace',
+            lastname: 'Hopper',
+            awards: [
+              'Defense Distinguished Service Medal',
+              'Legion of Merit',
+              'Meritorious Service Medal',
+              'American Campaign Medal',
+              'World War II Victory Medal',
+              'National Defense Service Medal',
+              'Armed Forces Reserve Medal',
+              'Naval Reserve Medal',
+              'Presidential Medal of Freedom'
+            ],
+            known: null,
+            position: {
+              lat: 43.614624,
+              lng: 3.879995
+            },
+            description: `Grace Brewster Murray Hopper (née Murray; December 9, 1906 – January 1, 1992)
+            was an American computer scientist and United States Navy rear admiral.
+            One of the first programmers of the Harvard Mark I computer,
+            she was a pioneer of computer programming who invented one of the first compiler related tools.
+            She popularized the idea of machine-independent programming languages, which led to the development of COBOL,
+            an early high-level programming language still in use today.`,
+            bornAt: '1815-12-10T00:00:00.000Z',
+            diedAt: '1852-11-27T00:00:00.000Z'
+          }
+        ]
       }
     }
   }
-}
+})
 ```
 ## Result:
-![ABC](http://oxqqtdux0.bkt.clouddn.com/WX20180702-172158.png)
+![preview](./example/preview.png)
 
 
 ## Options:
 
-| Property | Description |
-| ----------- |:------------- |
-| value | json data |
-| show-copy | display the copy button |
-| show-bigger | display the bigger button |
-| icon-prefix | Custom Font icon prefix |
-| sort-keys | Sort items by key names |
+| Property | Description | Default |
+| ----------- |:------------- | ----------- |
+| `value` | JSON data (can be used with `v-model`) | **Required** |
+| `expand-depth` | Display the copy button | `1`  |
+| `copyable` | Display the copy button | `false`  |
+| `sort` | Sort keys before displaying | `false` |
+| `boxed` | Add a fancy "boxed" style to component | `false` |
+| `theme` | Add a custom CSS class for theming purposes | `jv-light` |