src/components/AddFruit.vue

@@ -17,7 +17,7 @@
 
       <!-- image finder (with Unsplash API) -->
       <ImageUnsplash
-        @getValue="getImage"
+        @getValue="url => (fruit.image = url)"
         label="Image"
         containerClass="form-field"
         placeholder="Search: strawberry, apple ..."
@@ -108,9 +108,6 @@ export default {
     document.body.classList.remove("is-overlayed");
   },
   methods: {
-    getImage(url) {
-      this.fruit.image = url;
-    },
     async checkForm(e) {
       this.fruit.expires = new Date(this.fruit.expires);
       await this.$store
@@ -189,25 +186,6 @@ export default {
         margin: 0;
         width: 50%;
       }
-
-      // :first-child {
-      //   margin-right: 1rem;
-      //   width: 60%;
-
-      //   @media screen and (min-width: @sm) {
-      //     width: 100%;
-      //   }
-      // }
-
-      // [type="color"] {
-      //   width: calc(40% - 1rem);
-      //   flex-shrink: 0;
-      //   height: 48px;
-
-      //   @media screen and (min-width: @sm) {
-      //     width: calc(35% - 1rem);
-      //   }
-      // }
     }
 
     .actions {