<!-- 
    kanban-list

    A list component for the Kanban board
-->
<template>
    <div class="list-wrapper">
        <div class="list-container">
            <header class="list-header">{{header}}</header>
            <section>
                    test
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
                    <p>section bla bla</p>
            </section>
            <footer class="list-footer">
                <button>Adicionar...</button>
            </footer>
        </div>
    </div>
</template>

<script>
export default {
    props: ['header']
}
</script>

<style lang="scss" src="./kanban-list.scss"></style>
<!-- 
    kanban-list

    A list component for the Kanban board
-->
<template>
    <div class="list-wrapper">
        <div class="list-container">
            <header class="list-header">{{header}}</header>
            <section>
                <ul class="cards">
                    <li class="card" v-for="card in cards">{{card}}</li>
                </ul>
                <!--
                <kanban-card text="some example text"></kanban-card>
                <kanban-card text="some example text"></kanban-card>
                -->
            </section>
            <footer class="list-footer">
                <button>Adicionar...</button>
            </footer>
        </div>
    </div>
</template>

<script>
export default {
    props: ['header', 'cards']
}
</script>

<style lang="scss" src="./kanban-list.scss"></style>
Set a prop in the list component in order to receive card data from the board Draw a listitem for each card in the data received from parent
Set a prop in the list component in order to receive card data from the board
Draw a listitem for each card in the data received from parent
