npm install vee-validate @vee-validate/zod zod

<script setup lang="ts">
import { useForm } from 'vee-validate';
import { toTypedSchema } from '@vee-validate/zod';
import { z } from 'zod';

const { handleSubmit, errors } = useForm({
  validationSchema: toTypedSchema(
    z.object({ email: z.string().email(), password: z.string().min(8) })
  ),
});

const onSubmit = handleSubmit((values) => console.log(values));
</script>

<template>
  <form @submit="onSubmit">
    <Field name="email" type="email" />
    <ErrorMessage name="email" />
    <button type="submit">Login</button>
  </form>
</template>