<template>
	<div class="notification">
		{{message}}
	</div>
</template>

<script>
	export default {
		data() {
		    return {
		      migas: []
		    }
		  },
		  computed: {
		    visible: function() {
		      return this.migas.length > 0
		    }
		  },
		  mounted() {
		    Event.$on('migas-setear-como-inicio', (miga) =>  {
		      this.migas = [];
		      this.migas.push(miga);
		    });
		    Event.$on('migas-agregar', (miga) =>  {
		      this.migas.push(miga);
		    });
		    Event.$on('migas-reset', () =>  {
		      this.migas = [];
		    });
		    Event.$on('migas-pop', () =>  {
		      this.migas.pop();
		    });
		  }
	}
</script>

<style>
.breadcrumb a {
	color: #cc0f35;
}

nav.breadcrumb.is-fixed-top {
	left: 0;
	position: fixed;
	right: 0;
	top: 3.25rem;
	height: 3.25rem;
	z-index: -10;
}
</style>