Проблемы в связке nuxt.js + REST API + Contact Form 7

Добрый день!
Ребят подскажите, пожалуйста как реализовать работу формы обратной связи в моей связке:
фронтенд написан на nuxt.js — он передает данные из формы через REST API Ворпресса на Contact Form 7, по адресу /wp-json/contact-form-7/v1/contact-forms/74/feedback, где 74 — это id формы на сайте. Данные уходят, но на сервер приходят пустыми, письмо на почту также приходит, но с пустыми данными — это если поля в форме сделать не обязательными, а если наоборот то ответом сервера будет ошибка валидации.
Подскажите как решить эту проблему, заранее благодарен!

Мой код:
form.vue

<v-form class="top-form">
          <v-text-field
            ref="name"
            v-model="fio"
            placeholder="Имя"
            required
          />

          <v-text-field
            ref="phone"
            v-model="phone"
            placeholder="Телефон"
            required
          />
          <v-card-actions>
            <v-btn
              @click="submit"
            >
              Перезвоните мне
            </v-btn>
          </v-card-actions>
        </v-form>

<script>
export default {
  data: () => ({
    fio: '',
    phone: ''
  }),
  methods: {
    submit() {
      const formCallMe = async (formCallMe) => {
        const formData = {
          fio: this.fio,
          phone: this.phone
        }
        try {
          await this.$store.dispatch('forms/callback', formData)
        } catch (e) {
          throw e
        }
      }
      formCallMe()
    }
  }
}
</script>

store/forms.js

export const actions = {
  async callback ({ commit }, data) {
    try {
      return await this.$axios.$post('http://admin.tapka37.ru/wp-json/contact-form-7/v1/contact-forms/74/feedback', data)
    } catch (e) {
      // commit('setError', e, { root: true })
      throw e
    }
  }
}

• Тема изменена 4 года, 6 месяцев назад пользователем dimidn.

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]