42 lines
1.6 KiB
Vue
42 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import { router } from '@inertiajs/vue3';
|
|
import Message from '@/components/ui/Message.vue';
|
|
import { useTranslations } from '@/composables/useVanguard';
|
|
import AppLayout from '@/layouts/AppLayout.vue';
|
|
|
|
defineProps<{ resent?: boolean }>();
|
|
|
|
const { __ } = useTranslations();
|
|
|
|
function resend() {
|
|
router.post(route('verification.resend'));
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<AppLayout :title="__('Verify Your Email Address')" :heading="__('Verify Your Email Address')">
|
|
<div class="mx-auto max-w-2xl">
|
|
<div class="rounded-lg border border-slate-200 bg-white shadow-sm">
|
|
<div class="p-6">
|
|
<h5 class="mb-4 text-lg font-medium">{{ __('Verify Your Email Address') }}</h5>
|
|
|
|
<Message v-if="resent" severity="success" class="mb-4">
|
|
{{ __('A fresh verification link has been sent to your email address.') }}
|
|
</Message>
|
|
|
|
<p class="text-slate-600">
|
|
{{ __('Before proceeding, please check your email for a verification link.') }}
|
|
{{ __('If you did not receive the email') }},
|
|
<button
|
|
type="button"
|
|
class="text-primary-600 cursor-pointer hover:underline"
|
|
@click="resend"
|
|
>
|
|
{{ __('click here to request another') }}</button>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</AppLayout>
|
|
</template>
|