Files
website/website/resources/ts/Pages/Auth/VerifyEmail.vue
Claude Dev ec8f0272ec Migrate frontend to Vuetify/Vuexy + add real WHMCS product data
- Migrate all frontend from plain JS/Tailwind to TypeScript/Vuetify 3 (Vuexy design system)
- Replace placeholder plans with 25 real products scraped from WHMCS:
  9 VPS plans ($4.20-$30/mo), 8 dedicated servers ($44.39-$107.99/mo),
  4 web hosting plans ($2.39-$15.99/mo), 4 MySQL hosting plans ($6-$30/mo)
- Fix Pricing page: correct field mapping (service_type, price), display
  feature values instead of keys, proper price formatting
- Update all marketing pages (Home, Products, VPS, Dedicated, Web Hosting)
  with real specs, pricing, and features from production WHMCS
- Add 38 Vuexy @core SCSS override files for component styling
- Create 4 layouts (Account, Admin, Auth, Marketing) with Vuetify
- Add AppTextField/AppSelect/AppTextarea wrapper components
- Purple primary theme (#7367F0), dark mode default
- 52 tests passing, build clean

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 10:16:41 -05:00

52 lines
1.0 KiB
Vue

<script lang="ts" setup>
import { useForm } from '@inertiajs/vue3'
import AuthLayout from '@/Layouts/AuthLayout.vue'
interface Props {
status?: string
}
defineOptions({ layout: AuthLayout })
defineProps<Props>()
const form = useForm({})
const submit = (): void => {
form.post('/email/verification-notification')
}
</script>
<template>
<VCardText>
<h4 class="text-h4 mb-1">
Verify your email
</h4>
<p class="mb-0">
We've sent a verification link to your email. Please check your inbox and click the link to verify.
</p>
</VCardText>
<VCardText>
<VAlert
v-if="status === 'verification-link-sent'"
type="success"
variant="tonal"
class="mb-4"
>
A new verification link has been sent to your email address.
</VAlert>
<VForm @submit.prevent="submit">
<VBtn
type="submit"
block
:loading="form.processing"
:disabled="form.processing"
>
Resend verification email
</VBtn>
</VForm>
</VCardText>
</template>