<script>
import { mapGetters } from "vuex";

export default {
    name:'LoginTitulos',
    computed: {
        ...mapGetters('login',["titulos", "urlRol"]),
        whiteText() {
            console.log(this.urlRol);
            return this.urlRol === 'admin';
        }
    }
};
</script>

<template>
<div class="block">
    <h1 class="title" :class="{'has-text-white': whiteText}">{{ titulos.titulo }}</h1>
    <p class="subtitle" :class="{'has-text-white': whiteText}">
        {{ `Bienvenidx a la  ${titulos.subtitlo} del ` }}<strong :class="{'has-text-white': whiteText}">Mercado Popular de Subistencia</strong>
    </p>
</div>
</template>

<style scoped>

</style>
