pedi2/resources/js/components/login/Titulos.vue

27 lines
671 B
Vue

<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>