<template>
    <div id="pedidos-body">
        <nav-migas></nav-migas>
        <cartel-pedido-aprobado></cartel-pedido-aprobado>
        <pedido-select v-if="!pedidoDefinido"></pedido-select>
        <canasta v-else></canasta>
    </div>
</template>

<script>
import { mapActions, mapGetters } from "vuex";
import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";
import PedidoSelect from "./PedidoSelect.vue";
import Canasta from "./Canasta.vue";
import NavMigas from "./NavMigas.vue";

export default {
    components: { NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
    computed: {
        ...mapGetters('pedido',["pedidoDefinido"]),
    },
    methods: {
        ...mapActions('productos',["init"]),
    },
    async mounted() {
        await this.init();
    }
}
</script>