Как исправить эту отправку с помощью VueJS?

У меня есть форма, которую мне нужно отправить через API и VueJS, но @submit.prevent не вызывает нужный мне метод.

Есть ли синтаксическая ошибка или что-то пропущенное, чего я не смог найти?

Я уже проверил скобки и другие синтаксические шаблоны, все в порядке. Я скопировал его и удалил часть бесполезного кода, поэтому, если вы найдете лишний или отсутствующий ";" или "}" извините :p

Код HTML и JS:

<form id = "post" method = "POST" @submit.prevent = "processForm">
  <div class = "post post-criar">
    <small>Criar uma publicação</small>
    <div class = "post-header">
      <a href = "#">
        <div class = "post-profile-img"></div>
      </a>
      O que você está precisando, <b>NetCook</b>?
    </div>
    <textarea id = "text" name = "text" v-model = "postText"></textarea>

    <div class = "clearfix" id = "vendaetroca">
      <div class = "col-lg-4">
        <input type = "text" class = "btn btn-blue" placeholder = "R$ Valor" v-model = "value">
      </div>
      <div class = "col-lg-4">
        <div class = "btn btn-green">
          <select name = "sale_category" id = "sale_category" v-model = "saleCategory">
            <option selected disabled>Tipo</option>
            <option value = "p">Produto</option>
            <option value = "s">Serviço</option>
            <option value = "i">Imóvel</option>
            <option value = "a">Automóvel</option>
          </select>
        </div>
      </div>
      <div class = "col-lg-4">
        <div class = "btn btn-purple">
          <select name = "trade_category" id = "trade_category" v-model = "tradeCategory">
            <option disabled selected>Venda ou troca</option>
            <option value = "s">Venda</option>
            <option value = "t">Troca</option>
          </select>
        </div>
      </div>
    </div>

    <div class = "clearfix">
      <div class = "col-lg-4">
        <select id = "post-categoria" name = "category" v-model = "category">
          <option selected disabled>Selecionar Categoria</option>
          <option value = "geral">Geral</option>
          <option value = "venda">Venda e Troca</option>
          <option value = "eventos">Eventos</option>
          <option value = "indicacoes">Indicações</option>
        </select>
      </div>
      <div class = "col-lg-8">
        <label class = "btn btn-img" for = "anexo-imagem"><img src = "img/ico-img.png"> Carregar Arquivo</label>
        <input type = "file" id = "anexo-imagem" name = "image" @change = "onFileChange($event, 1)">
        <button type = "submit" class = "btn btn-line-red">Publicar</button>
      </div>
    </div>
  </div>
</form>

import Form from './core/Form';
var vm = new Vue({
  el: '#app',
  data: {
    name: "", 
    form: new Form(),
    email: "",
    password: "",
    category: "",
    saleCategory: "",
    tradeCategory: "",
    postText: "",
    value:"",
  },
  methods: {
    processForm() {
      this.form.data.sale_category = this.saleCategory;
      this.form.data.trade_category = this.tradeCategory;
      this.form.data.category = this.category;
      this.form.data.image = this.name_image;
      this.form.data.video_file = this.name_file_video;
      this.form.data.value = this.value;
      this.form.data.text= this.postText;
      this.form.data.id = null;
      this.form.data.id_user = null;
      this.form.submit("http://127.0.0.1:8000/api/post/create", this.onSuccess);
      console.info("test");
    },
  }
})