web: Adjust to new API URLs, implement update for Measure.

web/src/views/EditMeasure.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id=edit-measure>
+  <div id=edit-measure v-if=measure>
     <div class=header>
       <h1>Edit Measure</h1>
       <h2>{{measure.name}}</h2>

web/src/views/edit-measure.ts

@@ -18,7 +18,11 @@ export class EditMeasure extends Vue {
   }
 
   private get slugFromName() {
-    return slugify(this.measure.name);
+    if (this.measure) {
+      return slugify(this.measure.name);
+    } else {
+      return null;
+    }
   }
 
   private async updateMeasure() {
@@ -38,6 +42,15 @@ export class EditMeasure extends Vue {
       }
     }
   }
+
+  private async mounted() {
+    // good chance we've already fetched this
+    // TODO: centralize this caching behavior?
+    if (!this.measure) {
+      await measureStore.fetchMeasure(this.$route.params.slug);
+    }
+  }
+
 }
 
 export default EditMeasure;