adds Key generic parameters, use custom Key type from template.rs

web/vue/src/components/RecipeDetails.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container box">
-  <button @click="$emit('close')" class="button is-pulled-right">X close</button>
+  <button @click="$emit('close')" class="button is-pulled-left">Return to list</button>
     <h4 class="title">{{ item.title }}</h4>
     <h6 class="subtitle">{{ categories[item.category].name }}</h6>
     <p><strong>Ingredients : </strong></p>
@@ -15,6 +15,8 @@
 </template>
 
 <script>
+import _, {categories} from './RecipeList.vue'
+
 export default {
   name: 'RecipeDetails',
   props: {
@@ -28,7 +30,7 @@ export default {
   },
   data () {
     return {
-      categories: ["test", "test", "test"],
+      categories: categories,
     }
   }
 }