35 lines
1.0 KiB
Vue
35 lines
1.0 KiB
Vue
<template>
|
||
<div class="flex flex-col justify-center items-center text-center gap-y-6 h-full bg-surface text-white rounded-2xl px-4 sm:px-10 py-12 w-full max-w-2xl">
|
||
<h1 class="text-3xl font-bold">{{ data.title[langcode] }}</h1>
|
||
<p class="text-lg">{{ data.subtitle[langcode] }}</p>
|
||
<ButtonCTA
|
||
color="accent"
|
||
class="mt-4"
|
||
@click="$emit('next')"
|
||
>
|
||
{{ data.button[langcode] }}
|
||
</ButtonCTA>
|
||
<p class="text-xs text-center mt-4">
|
||
{{ langcode === 'es' ? "Toma 8–10 minutos. Solo necesitas datos básicos de tu universidad." : "Demora entre 8 a 10 minutos. Apenas necessita de dados básicos da sua universidade." }}
|
||
</p>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import ButtonCTA from './ButtonCTA.vue'
|
||
import { mapGetters } from 'vuex';
|
||
export default {
|
||
components: { ButtonCTA },
|
||
props: {
|
||
data: {
|
||
type: Object,
|
||
default: () => ({ title: "Welcome", subtitle: "", button: "Start" })
|
||
}
|
||
},
|
||
emits: ['next'],
|
||
computed: {
|
||
...mapGetters(['langcode'])
|
||
}
|
||
}
|
||
</script>
|