<template>
    <div class="columns">
        <categorias-container></categorias-container>
        <productos-container></productos-container>
        <chismosa v-show="chismosaActiva"></chismosa>
    </div>
</template>

<script>
    import Chismosa from './Chismosa.vue';
    import ProductosContainer from './ProductosContainer.vue';
    import CategoriasContainer from './CategoriasContainer.vue';

    export default {
        componets: {
            Chismosa,
            ProductosContainer,
            CategoriasContainer,
        },
        data() {
            return {
                chismosaActiva: false,
            }
        },
        mounted() {
            Event.$on('toggle-chismosa', () => {
                this.chismosaActiva = !this.chismosaActiva;
                console.log(this.chismosaActiva);
            });
        },
    }
</script>
