Showing recipe card when data is ready

This commit is contained in:
Artur Nowakowski 2020-01-19 19:24:47 +01:00
parent 75b57870de
commit 23950dc83e

View File

@ -1,5 +1,5 @@
<template>
<div>
<div v-if="loaded">
<Card>
<p slot="title">{{ name }}</p>
<Row type="flex" justify="right" style="margin-bottom: 10px;">
@ -56,6 +56,7 @@
description: '',
ingredients: [],
steps: [],
loaded: false,
nutrition: {
kcal: 0,
carbohydrates: 0,
@ -78,6 +79,7 @@
this.ingredients = data.ingredients;
this.steps = data.steps;
this.nutrition = data.nutrition;
this.loaded = true;
})
.catch((error) => {
console.log(error);
@ -108,4 +110,4 @@
<style scoped>
</style>
</style>