Как отправить форму через http-сообщение в vue js

вчера этот код работал, сегодня показывает:

Error in v-on handler: "TypeError: Cannot read property 'get' of undefined"

я смог отправить http get без аксиомов. вот мой код vue

<template>
  <div>

    <form id = "loginForm">
      <input type = "text" name = "name" v-model = "user.name" />
      <input type = "text" name = "email" v-model = "user.email" />
      <input type = "text" name = "message" v-model = "user.message" />
      <button @click = "save">send</button>
    </form>
  </div>
</template>

<script>


export default {
  name: "Contact",
  components: {
    
  },
  data() {
    return {
      user: {
        name: "peter",
        email: "[email protected]",
         message: "bla bla bla",
      },
    };
  },
  methods: {
    save: function () {
      let formData = new FormData(document.getElementById("loginForm"));
      this.$http
        .get("http://link.cursolinux.pt:8080/contacts", formData)
        .then((response) => {
          console.info(response.body);
        });
    },
  },
};
</script>

для моего запроса на получение я использую laravel 8

Route::get('/contacts', function (Request $request) {
   //get the request
   $post = $request->all();
   
   //show the get request 
   //return response()->json($post);
    
   //storage in database
    \App\Models\Contact::create($post);

});