refactor: extract validation schemas to shared module

resources/js/Pages/Auth/Register.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import type { AuthFormField, FormSubmitEvent } from '@nuxt/ui'
+import type * as v from 'valibot'
 import { useForm } from '@inertiajs/vue3'
-import * as v from 'valibot'
 import { computed } from 'vue'
 import { useAuth } from '@/composables/useAuth'
 import AuthLayout from '@/layouts/AuthLayout.vue'
+import { registerSchema } from '@/validation/auth'
 
 const { config } = useAuth()
 
@@ -70,29 +71,7 @@ const providers = computed(() =>
   })),
 )
 
-const schema = v.pipe(
-  v.object({
-    username: v.pipe(
-      v.string('Username is required'),
-      v.nonEmpty('Username is required'),
-      v.minLength(3, 'Username must be at least 3 characters'),
-      v.regex(/^[\w-]+$/, 'Username can only contain letters, numbers, dashes and underscores'),
-    ),
-    first_name: v.pipe(v.string('First name is required'), v.nonEmpty('First name is required')),
-    last_name: v.pipe(v.string('Last name is required'), v.nonEmpty('Last name is required')),
-    email: v.pipe(v.string('Email is required'), v.nonEmpty('Email is required'), v.email('Please enter a valid email')),
-    password: v.pipe(v.string('Password is required'), v.nonEmpty('Password is required'), v.minLength(8, 'Password must be at least 8 characters')),
-    password_confirmation: v.pipe(v.string('Please confirm your password'), v.nonEmpty('Please confirm your password')),
-  }),
-  v.forward(
-    v.partialCheck(
-      [['password'], ['password_confirmation']],
-      input => input.password === input.password_confirmation,
-      'Passwords do not match',
-    ),
-    ['password_confirmation'],
-  ),
-)
+const schema = registerSchema
 
 type Schema = v.InferOutput<typeof schema>