feat: add timeformat props

lib/json-viewer.vue

@@ -80,10 +80,15 @@ export default {
       type: String,
       default: 'jv-light'
     },
+    timeformat: {
+      type: Function,
+      default: value => value.toLocaleString(),
+    }
   },
   provide () {
     return {
       expandDepth: this.expandDepth,
+      timeformat: this.timeformat,
     }
   },
   data () {
@@ -93,11 +98,6 @@ export default {
       expandCode: this.expanded
     }
   },
-  watch: {
-    value() {
-      this.onResized()
-    }
-  },
   computed: {
     jvClass() {
       return 'jv-container ' + this.theme + (this.boxed ? ' boxed' : '')
@@ -112,6 +112,11 @@ export default {
       }
     }
   },
+  watch: {
+    value() {
+      this.onResized()
+    }
+  },
   mounted: function () {
     this.debounceResized = debounce(this.debResized.bind(this), 200);
     if (this.boxed && this.$refs.jsonBox) {

lib/types/json-array.vue

@@ -3,11 +3,6 @@ import JsonBox from '../json-box'
 
 export default {
   name: 'JsonArray',
-  data() {
-    return {
-      value: []
-    }
-  },
   props: {
     jsonValue: {
       type: Array,
@@ -24,6 +19,11 @@ export default {
     sort: Boolean,
     expand: Boolean
   },
+  data() {
+    return {
+      value: []
+    }
+  },
   watch: {
     jsonValue(newVal) {
       this.setValue(newVal);

lib/types/json-date.vue

@@ -1,6 +1,7 @@
 <script>
 export default {
   name: 'JsonDate',
+  inject: ['timeformat'],
   functional: true,
   props: {
     jsonValue: {
@@ -8,8 +9,9 @@ export default {
       required: true
     }
   },
-  render (h, { props }) {
+  render (h, { props, injections }) {
     const value = props.jsonValue;
+    const timeformat = injections.timeformat;
 
     return h('span', {
       class: {
@@ -17,7 +19,7 @@ export default {
         'jv-string': true,
       },
       domProps: {
-        innerText: `"${value.toLocaleString()}"`
+        innerText: `"${timeformat(value)}"`
       }
     })
   }

lib/types/json-object.vue

@@ -3,11 +3,6 @@ import JsonBox from '../json-box'
 
 export default {
   name: 'JsonObject',
-  data() {
-    return {
-      value: {}
-    }
-  },
   props: {
     jsonValue: {
       type: Object,
@@ -24,6 +19,11 @@ export default {
     expand: Boolean,
     sort: Boolean
   },
+  data() {
+    return {
+      value: {}
+    }
+  },
   computed: {
     ordered () {
       if (!this.sort) {