リアルタイムでtemplate内の変数を変化させたいです

現在、サーバーに対してリクエストをして、サーバー側でバリデーション後エラーメッセージを返すプログラムを作成しております。
エラーメッセージをサーバーから取得した後、エラーの内容をdata.messageに格納後、console.logを用いて表示した結果、正常に値が出力されていました。

それに伴い、リアルタイムでtemplate内のdata.messageが変わると考えていたのですが、変わりませんでした。
他のプログラムでは、同等の方法を用いることで値は変わっていました。

#試したこと
必要のない部分をすべて消去し、リアルタイムで値が変更されるか検証しました。
data.messageをv-html等の属性を用いて埋め込めるか検証しました。
data.messageを表示させる階層のパターンを複数試しました。

index.vue
1<template>
2  <link rel="stylesheet" href="/css/selfIntroduction/selfIntroduction.css">
3  <p>{{data.message}}</p>
4  <section>
5    <div class="contact__sec__wapper">
6      <div class="unique contact__sec">
7        <h1 class="selfIntro__title">Contact</h1>
8        <label class="unique contact__form_label">メールアドレス</label>
9        <input v-model="data.contactMeil" class="unique contact__form" type="text">
10        <label class="unique contact__form_label">名前</label>
11        <input v-model="data.contactName" class="unique contact__form" type="text">
12        <label class="unique contact__form_label">メッセージ</label>
13        <textarea v-model="data.contactContent" class="unique contact__form"></textarea>
14        <button class="unique contact__form" @click="contactContentSend">送信</button>
15      </div>
16    </div>
17  </section>
18</template>
19
20<script>
21  import { reactive } from 'vue'
22  import { store } from '../store.js'
23  import axios from 'axios'
24
25  export default {
26    name: 'Test',
27    setup() {
28      const data = () => reactive({
29        contactMeil: '',
30        contactName: '',
31        contactContent: '',
32        message: [],
33        test: '',
34      })
35      const contactContentSend = () => {
36        let formData = new FormData()
37        formData.append('mail', data.contactMeil)
38        formData.append('name', data.contactName)
39        formData.append('content', data.contactContent)
40        axios.post(store.state.API_URL + 'contact-send', formData).then((responce) => {
41        }).catch((error) => {
42          data.message = error.response.data
43        })
44      }
45      return { data, contactContentSend }
46    }
47  }
48</script>