Merge pull request tylerkrupicka#14 from adierkens/simple-data

Add support for displaying non-objects at top level

Author: tylerkrupicka

harness/App.vue

@@ -7,6 +7,9 @@
       :styles="{ key: '#0977e6' }"
       v-on:selected="itemSelected"
     ></json-view>
+    <json-view rootKey="result" data="some string" />
+    <json-view rootKey="result" :data="2" />
+
     <h5>Events</h5>
     <div v-for="(event, index) in events" :key="index">{{ event }}</div>
   </div>

src/JSONView.vue

@@ -115,7 +115,16 @@ export default Vue.extend({
   },
   computed: {
     parsed: function(): object {
-      return this.build(this.rootKey, { ...this.data }, 0, "", true);
+      if (typeof this.data === "object") {
+        return this.build(this.rootKey, { ...this.data }, 0, "", true);
+      }
+      return {
+        key: this.rootKey,
+        type: "value",
+        path: "",
+        depth: 0,
+        value: this.data
+      };
     },
     customStyles: function(): object {
       const target = {