not loading any schemas by default

Author: BigBlueHat

app.js

@@ -1,22 +1,3 @@
-var schema = {
-  "title": "Example Schema",
-  "type": "object",
-  "properties": {
-    "firstName": {
-      "type": "string"
-    },
-    "lastName": {
-      "type": "string"
-    },
-    "age": {
-      "description": "Age in years",
-      "type": "integer",
-      "minimum": 0
-    }
-  },
-  "required": ["firstName", "lastName"]
-};
-
 Vue.component('json-textarea', {
   template: '{{content}}',
   created: function() {
@@ -63,18 +44,23 @@ Vue.component('schema-links', {
 var app = new Vue({
   el: '#editor',
   data: {
-    schema: schema
+    schema: {}
   },
   computed: {
     output: {
       $get: function() {
         var self = this;
         var rv = {};
-        var keys = Object.keys(self.schema.properties);
-        keys.forEach(function(key) {
-          rv[key] = self.schema.properties[key].value;
-        });
-        return JSON.stringify(rv, null, "\t");
+        var keys = {};
+        if (self.schema && self.schema.properties) {
+          keys = Object.keys(self.schema.properties);
+          keys.forEach(function(key) {
+            rv[key] = self.schema.properties[key].value;
+          });
+          return JSON.stringify(rv, null, "\t");
+        } else {
+          return {};
+        }
       }
     }
   },

index.html

@@ -12,6 +12,8 @@
           v-on="click: setHref">{{$key}}</a></li>
       </ul>
       <div id="input">
+        <div v-if="!schema.properties"><em>Pick a schema. Any schema!</em>
+            <br /><small>Or paste one in the textarea below.</small></div>
           <h1>{{schema.title}}</h1>
           <div v-repeat="schema.properties">
               <label for="{{$key}}">{{$key}}</label>