<template>
    <div class="container">
      <ingrediente v-for="ing in ingredientes" :key="ing.id"
      :id="ing.id"
      :namae="ing.namae"
      :img="ing.img"
      :description="ing.description"
      ></ingrediente>
    </div>
</template>


<script>
import ingrediente from '~/components/Ingrediente';

export default {
    asyncData() {
        //return axios.get('...').then().catch();
        return new Promise((resolve, reject)=>{
            setTimeout({
                resolve({
                    ingredientes: [
                        {
                            namae: "huevos!",
                            img: "https://specials-images.forbesimg.com/imageserve/961697160/960x0.jpg",
                            description: "hhhh",
                            id: "1"
                        },
                        {
                            namae: "carne!",
                            img: "https://2rdnmg1qbg403gumla1v9i2h-wpengine.netdna-ssl.com/wp-content/uploads/sites/3/2019/10/redMeat-849360782-770x553-745x490.jpg",
                            description: "cccc",
                            id: "2"
                        },
                        {
                            namae: "aceite!",
                            img: "https://i.ndtvimg.com/i/2017-10/olive-oil_620x350_81507639762.jpg",
                            description: "Aceite de girasol",
                            id: "3"
                        }
                    ]
                });
            },1500);
        });
    },
    components: {
        ingrediente
    }
}
</script>