Migrate box and viewer

lib/json-box.vue

@@ -1,4 +1,5 @@
 <script>
+import { h } from 'vue'
 import JsonString from './types/json-string'
 import JsonUndefined from './types/json-undefined'
 import JsonNumber from './types/json-number'
@@ -49,7 +50,7 @@ export default {
       }
     }
   },
-  render (h) {
+  render () {
     let elements = []
     let dataType
 
@@ -78,9 +79,7 @@ export default {
           'jv-toggle': true,
           open: !!this.expand
         },
-        on: {
+        onClick: this.toggle
-          click: this.toggle
-        }
       }))
     }
 
@@ -89,9 +88,7 @@ export default {
         class: {
           'jv-key': true
         },
-        domProps: {
+        innerText: `${this.keyName}:`
-          innerText: `${this.keyName}:`
-        }
       }))
     }
 
@@ -99,18 +96,14 @@ export default {
       class: {
         'jv-push': true
       },
-      props: {
+      jsonValue: this.value,
-        jsonValue: this.value,
+      keyName: this.keyName,
-        keyName: this.keyName,
+      sort: this.sort,
-        sort: this.sort,
+      depth: this.depth,
-        depth: this.depth,
+      expand: this.expand,
-        expand: this.expand,
+      previewMode: this.previewMode,
-        previewMode: this.previewMode,
+      'onUpdate:expand': value => {
-      },
+        this.expand = value
-      on: {
-        'update:expand': value => {
-          this.expand = value
-        }
       }
     }))