# All files / js/pages/auth VerifyEmail.vue

0% Statements 0/5
0% Branches 0/6
0% Functions 0/4
0% Lines 0/5

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

     <script setup lang="ts">
    import EmailVerificationNotificationController from '@/actions/App/Http/Controllers/Auth/EmailVerificationNotificationController';
    import TextLink from '@/components/TextLink.vue';
    import { Button } from '@/components/ui/button';
    import AuthLayout from '@/layouts/AuthLayout.vue';
    import { logout } from '@/routes';
    import { Form, Head } from '@inertiajs/vue3';
    import { LoaderCircle } from 'lucide-vue-next';

    defineProps<{
        status?: string;
    }>();
    </script>

    <template>
        <AuthLayout
            title="Verify email"
            description="Please verify your email address by clicking on the link we just emailed to you."
        >
            <Head title="Email verification" />

            <div
                v-if="status === 'verification-link-sent'"
                class="mb-4 text-center text-sm font-medium text-green-600"
            >
                A new verification link has been sent to the email address you
                provided during registration.
            </div>

            <Form
                v-bind="EmailVerificationNotificationController.store.form()"
                class="space-y-6 text-center"
                v-slot="{ processing }"
            >
                <Button :disabled="processing" variant="secondary">
                    <LoaderCircle v-if="processing" class="h-4 w-4 animate-spin" />
                    Resend verification email
                </Button>

                <TextLink
                    :href="logout()"
                    as="button"
                    class="mx-auto block text-sm"
                >
                    Log out
                </TextLink>
            </Form>
        </AuthLayout>
    </template>