From a580beb70c0e30e1bc62e7d00ff9ab7f0196f8af Mon Sep 17 00:00:00 2001
From: STAFYNIAK Sacha <sacha.st@live.fr>
Date: Mon, 17 Sep 2018 06:28:27 +0200
Subject: [PATCH] add ref to JsonNull component

---
 README.md       | 14 ++++++++------
 examples/app.js |  3 ++-
 json-box.vue    |  1 +
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 4657c7a..e5918b9 100644
--- a/README.md
+++ b/README.md
@@ -4,19 +4,19 @@ Simple json display component,  based on vue
 
 ## Installing:
 Using npm:
-``` 
+```
 $ npm install vue-json-viewer
 ```
 Using bower:
 
 
-``` 
+```
 $ yarn add vue-json-viewer
 ```
 
 ## Example:
 
-``` html 
+``` html
 <json-viewer :value="jsonData" :show-copy="true" icon-prefix="ion" :show-bigger="true"></json-viewer>
 ```
 
@@ -34,7 +34,9 @@ export default {
           b: 'a',
           a: 'hello word',
           asd2: 1,
-          asd: false
+          asd: false,
+          foo: null,
+          bar: undefined
         }
       }
     }
@@ -42,12 +44,12 @@ export default {
 }
 ```
 ## Result:
-![ABC](http://oxqqtdux0.bkt.clouddn.com/WX20180702-172158.png) 
+![ABC](http://oxqqtdux0.bkt.clouddn.com/WX20180702-172158.png)
 
 
 ## Options:
 
-| Property         | Description           | 
+| Property         | Description           |
 | ----------- |:-------------|
 | value       | json data |
 | show-copy   | display the copy button |
diff --git a/examples/app.js b/examples/app.js
index cdbfcec..a57890f 100644
--- a/examples/app.js
+++ b/examples/app.js
@@ -16,7 +16,8 @@ new Vue({
                   a: 'hello word',
                   asd2: 1,
                   asd: false,
-                  foo: null
+                  foo: null,
+                  bar: undefined
                 }
               }
         }
diff --git a/json-box.vue b/json-box.vue
index 7a95910..29b309e 100644
--- a/json-box.vue
+++ b/json-box.vue
@@ -59,6 +59,7 @@ export default {
         JsonBoolean,
         JsonObject,
         JsonArray,
+        JsonNull,
         JIcon
     }
 };