PlannerView.vue

<script>
import RecipeCard from '../components/RecipeCard.vue';
export default {
    components: { RecipeCard }
}
</script>

<template>
    <div class="planner_container">
        <h1>Denne uken</h1>
        <div class="recipe_list">
            <RecipeCard :recipe="{ id: 1, title: 'Kjøttkaker', description: 'Skikkelig gode kjøttkaker', time: '15 min' }" />
            <RecipeCard :recipe="{ id: 1, title: 'Kjøttkaker', description: 'Skikkelig gode kjøttkaker med veldig veldig lang beskrivelse', time: '15 min' }" />

        </div>
    </div>
</template>

<style>
h1 {
    padding-left: 0.5em;
}

.recipe_list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
</style>