Vue js file for user create

UserCreate.vue

<template>
  <div>
    <form
      action=""
      method="POST"
      @submit.prevent="onSubmit"
    >
      <!-- Input Fields-->
      <div>
        <!-- Email -->
        <div>
          <div class="w-100">
            <input
              type="text"
              class="form-control"
              placeholder="Email"
              name="email"
              v-model="form.email"
            />
            <span
              v-if="errors.hasOwnProperty('email')"
              class="text-danger"
              role="alert"
            >
              <strong>{{ errors.email[0] }}</strong>
            </span>
          </div>
        </div>
        <!-- Name -->
        <div>
          <div class="w-100">
            <input
              type="text"
              class="form-control"
              name="userName"
              v-model="form.userName"
            />
            <span
              v-if="errors.hasOwnProperty('userName')"
              class="text-danger"
              role="alert"
            >
              <strong>{{ errors.userName[0] }}</strong>
            </span>
          </div>
        </div>
      </div>

      <!-- Sign Up Button -->
      <div class="text-center mt-5">
        <button type="submit" class="btn-secondary text-primary w-100">
          Add New User
        </button>
      </div>
    </form>
  </div>
</template>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$.ajaxSetup({
  headers: {
    "X-CSRF-TOKEN": document.head.querySelector('meta[name="csrf-token"]')
      .content,
  },
});

import axios from "axios";

export default {
  data() {
    return {
      form: {
        userName: "",
        email: "",
      },
      errors: {
        userName: "",
        email: "",
      },
    };
  },

  mounted() {
    console.log("Component mounted.");
  },

  methods: {
    onSubmit() {
      axios
        .post("/user/store", this.form)
        .then((response) => {
          console.log(response.data);
          window.location.reload();
        })
        .catch((error) => {
          if (error.hasOwnProperty("response")) {
            this.errors = error.response.data.error;
          } else {
            console.log(error);
          }
        });
    },
  },
};
</script>