pedi2/resources/js/components/pedidos/CartelPedidoAprobado.vue

<template>
    <div v-show="aprobado" class="notification is-warning has-text-centered">
        Tu pedido fue <strong>aprobado</strong>, por lo que no puede ser modificado
    </div>
</template>

<script>
    export default {
        data() {
            return {
                aprobado: false,
            }
        },
        mounted() {
            Event.$on('pedido-actualizado', this.actualizarEstado);
            if (this.$root.pedido != null) {
                this.actualizarEstado();
            }
        },
        methods: {
            pedidoAprobado: function() {
                return this.$root.pedido.aprobado;
            },
            actualizarEstado: function() {
                this.aprobado = this.pedidoAprobado();
            },
        },
    }
</script>

<style>
</style>