How to implement validation with vuelidate?

Question

Vue.js

Attached the handler to the form

<form @submit.prevent="checkForm">

methods: {
    checkForm() {
      this.$v.form.$touch();
      if (!this.$v.form.$error) {
        console.log("Валидация прошла успешно");
      }
    },
  },

Connected the library

<script>
import useVuelidate from "@vuelidate/core";
import { required, email } from "@vuelidate/validators";

export default {
  name: "App",
  setup() {
    return { v$: useVuelidate() };
  },
validations() {
    return {
      form: {
        surname: {},
        name: { required },
}

And I still get an error in the photo. What can be wrong?