Adds vuejs with vue-cli, adds cors fairing to rocket
This commit is contained in:
22
web/vue/src/components/RecipeDetails.vue
Normal file
22
web/vue/src/components/RecipeDetails.vue
Normal file
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<div class="box">
|
||||
<button @click="$emit('close')" class="button is-pulled-right">X close</button>
|
||||
<h4 class="title">{{ item.title }}</h4>
|
||||
<h6 class="subtitle">{{ categories[item.category].name }}</h6>
|
||||
<p><strong>Ingredients : </strong></p>
|
||||
<ul>
|
||||
<li v-for="ing in item.ingredients.split('\n')">{{ ing }}</li>
|
||||
</ul>
|
||||
<button @click="$emit('delete', item.id)"
|
||||
class="button is-danger is-pulled-right">
|
||||
DELETE !
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'RecipeDetails',
|
||||
props: ['item'],
|
||||
}
|
||||
Reference in New Issue
Block a user