【Nuxt.js】フォームのエラー

Question

前提・実現したいこと

NuxtとNetlifyでお問い合わせフォームを実装しています。
Netlify環境にデプロイしてメールの送信までうまくいくのですが、開発環境（$ npm run dev）でChrome上に大量のエラーが出ています。

使っているinputタグが関係していると思うのですが、どうすればこのエラーは解消するのでしょうか？

こちらの記事の通り、dataにnameの初期値を設定すればエラーは消えるのですが、この対処方法であっていますか？

発生している問題・エラーメッセージ

[Vue warn]: Property or method "botField" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Pages/contact/index.vue> at pages/contact/index.vue
       <Nuxt>
         <Layouts/default.vue> at layouts/default.vue
           <Root>

エラーが出ているソースコード

<template>
  <div>
    <div>
      <form
        class="c-form"
        name="contact"
        method="POST"
        action="/contact/thanks"
        data-netlify="true"
        data-netlify-honeypot="bot-field"
      >
        <input type="hidden" name="form-name" value="contact" />
        <div v-show="false">
          <input type="text" name="bot-field" v-model="botField" />
        </div>
        <div class="c-form__inputs">
          <div class="c-form__item">
            <div class="c-form__label">氏名・会社名</div>
            <div class="c-form__input">
              <input
                type="text"
                id="username"
                name="username"
                placeholder="氏名・会社名を入力してください"
                v-model="username"
                autocomplete="name"
              />
            </div>
          </div>
          <div class="c-form__item">
            <div class="c-form__label">メールアドレス</div>
            <div class="c-form__input">
              <input
                type="text"
                id="useremail"
                name="useremail"
                placeholder="メールアドレスを入力してください"
                v-model="useremail"
                autocomplete="useremail"
              />
            </div>
          </div>
          <div class="c-form__item">
            <div class="c-form__label">お問い合わせ内容</div>
            <div class="c-form__input">
              <textarea
                id="message"
                name="message"
                placeholder="お問い合わせ内容を入力してください"
                v-model="message"
              ></textarea>
            </div>
          </div>
        </div>
        <button type="submit" class="c-form__btn">
          送信する
        </button>
      </form>
    </div>
  </div>
</template>

<script></script>

<style lang="sass" scoped></style>