makes slot selection work

web/vue/src/components/RecipeDetails.vue

@@ -8,7 +8,7 @@
         </span>
       </a>
       <br class="is-hidden-mobile"/>
-      <SlotSelect />
+      <SlotSelect v-on:add="addToPlanning" />
     </div>
     <div class="column">
       <h4 class="title">{{ item.title }}</h4>
@@ -51,6 +51,11 @@ export default {
     return {
       categories: categories,
     }
+  },
+  methods: {
+    addToPlanning: function(slotKey) {
+      this.$emit('add', slotKey, this.item.id);
+    }
   }
 }
 </script>