Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | <template>
<div id="verify-email" class="pt-lg pb-xl d-flex justify-content-center">
<div v-if="isVerified">
<h1>{{isVerified}}</h1>
<!-- <nuxt-link class="text-decoration-none" :to="`/`">Intoarce-te in cont</nuxt-link>-->
<simple-arrow-comp
:arrowSpecs="{
border: false,
text: 'Intoarce-te in cont',
color: 'rgb(154, 117, 63)',
bgColor: 'transparent',
to: '/',
arrowColor: 'golden'
}"
></simple-arrow-comp>
</div>
<div v-else>
<h1>{{getError}}</h1>
</div>
</div>
</template>
<script>
import simpleArrowComp from '../components/utilities/arrow-components/simple-arrow-comp';
import { mapActions, mapGetters } from 'vuex';
export default {
components: { simpleArrowComp },
methods: {
...mapActions(['sendVerifyEmail']),
},
computed: {
...mapGetters({isVerified: 'isVerified', getError: 'error'}),
},
/**
* Dispatches the sendVerifyEmail action with the parameters id, hash, expires and signature when the submit button is clicked
* @see mounted
* @return void
*/
async mounted() {
await this.sendVerifyEmail({
id: this.$route.query['id'],
hash: this.$route.query['hash'],
expires: this.$route.query['expires'],
signature: this.$route.query['signature']
});
},
/**
* Resets the error and isVerified when the page is destroyed
* @see destroyed
* @return void
*/
destroyed() {
this.$store.commit('changeIsVerified', false);
this.$store.commit('changeError', '');
}
}
</script>
|