mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-02-25 01:03:13 -05:00
41 lines
648 B
Vue
41 lines
648 B
Vue
<template>
|
|
<v-row>
|
|
<v-col
|
|
:sm="6"
|
|
:md="6"
|
|
:lg="4"
|
|
:xl="3"
|
|
v-for="recipe in recipes"
|
|
:key="recipe.name"
|
|
>
|
|
<RecipeCard
|
|
:name="recipe.name"
|
|
:description="recipe.description"
|
|
:slug="recipe.slug"
|
|
:rating="recipe.rating"
|
|
:image="recipe.image"
|
|
/>
|
|
</v-col>
|
|
</v-row>
|
|
</template>
|
|
|
|
<script>
|
|
import RecipeCard from "./UI/RecipeCard";
|
|
|
|
export default {
|
|
components: {
|
|
RecipeCard,
|
|
},
|
|
data: () => ({}),
|
|
mounted() {},
|
|
computed: {
|
|
recipes() {
|
|
return this.$store.getters.getRecentRecipes;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|