export function useUIValidation(schema: any, data: any, submitted: Ref<boolean>) {
  const validation = computed(() => {
    if (!submitted.value) return null
    const result = schema.safeParse(data())
    return result.success ? null : result.error
  })

  function getError(path: string) {
    return validation.value?.issues.find((issue) => issue.path[0] === path)?.message
  }

  return {
    validation,
    getError
  }
}