Contact Form 7 + Nuxt.js お問合せフォームにselectの項目を追加したい

Question

https://qiita.com/hiropy0123/items/33f3c3ffbb5879e8fe0a

上記のサイトを参考にお問合せフォームを作成しています。

全く同じ挙動でメール送信は成功しました。

このフォームにselecｔで選択する項目を増やしたいですが
v-modelの扱いがよく分かりません。

また、メール送信成功後に初期ページに戻ると２回目以降メール送信ができなくなるのですが何故でしょうか？
closeを押下したタイミングでFormの中身をresetFormしています。

    .form-content
      label.required お問合せカテゴリ
      input(
        v-model="formData.category"
        type="select"
        class="form-control"
        name="category"
        required
        autocomplete="name"
      )
      .input-hint
        span.error-info(v-show="touched.category && !formData.category") 必須項目です

      .modal
        div.infomation.info_confirm(:class="myStatus") {{ dataResponse ? dataResponse.message : 'ご入力内容にお間違いがないかご確認の上、「送信」ボタンを押してください。入力内容を編集する場合は「戻る」を押してください。' }}
        .confirm(v-if="!dataResponse")
          dl
            dt お問合せカテゴリ
            dd {{ getFormData.category }}        
          dl
            dt 名前
            dd {{ getFormData.yourName }}
          dl
            dt 会社名
            dd {{ getFormData.campany }}
          dl
            dt メールアドレス
            dd {{ getFormData.yourEmail }}
          dl
            dt お問い合わせ内容
            dd(v-html="getFormData.message")

// # Modules Mode Vuex Store
export default {
  state: () => ({
    formData: {
      category: null,
      yourName: null,
      campany: null,
      yourEmail: null,
      message: null
    }
  }),
  getters: {
    getFormData: state => state.formData
  },
  mutations: {
    setFormData(state, payload) {
      state.formData = payload
    }
  },
  actions: {
    resetForm(context) {
      const emptyForm = {
        category: null,
        yourName: null,
        campany: null,
        yourEmail: null,
        message: null
      }
      context.commit('setFormData', emptyForm)
    }
  }
}

Answer 1

以下の書き方をしたら成功しました。

      select(
        v-model="formData.category"
        type="select"
        class="form-control"
        name="category"
        required
        autocomplete="name"
        @blur="touched.category = true"
      )
        option(v-for="option in category.options" v-bind:value="option.value") {{option.text}}
        span selected: {{ formData.category }}

    category: {
      selected: '質問',
      options: [
        { text: '質問', value: '質問' },
        { text: '相談', value: '相談' },
        { text: '感想', value: '感想' },
        { text: '依頼', value: '依頼' },
        { text: 'その他', value: 'その他' }
      ]
    },