vee-validate4 useForm関数が動作しない。　Vue3

vee-validate4を用いてバリデーション処理を実装しています。
useForm関数を利用してバリデーションのスキーマを作成し、バリデーションの処理をまとめたいのですが、下記コードの中の
<input v-model="text">
<input v-model="title">のバリデーションが動作しません。

javascript
1 <form>
2    <div>
3      <!-- 画像エリア -->
4      <div id="image_area">
5        <canvas ref="preview" id="preview"></canvas>
6        <input type="file" name="image" accept="image/*" ref="selectimage" @change="previewImage"/>
7      </div>
8      <p>
9        <input v-model="text" type="text" id="canvas_text" >
10        <p>{{ errors.text }}</p>
11        <button type="button" @click="drawText('preview', 'canvas_text')">
12          文字を描く
13        </button>
14      </p>
15
16      <!-- タイトル入力 -->
17      <div>
18        <input v-model="title" type="text" name="title" placeholder="タイトル">
19          <p>{{ errors.title }}</p>
20      </div>
21      <button @click="saveCanvas('preview')">アップロード</button>
22    </div>
23  </form>
24
25<script>
26import { useField, useForm } from "vee-validate";
27import * as yup from 'yup';
28
29export default {
30  setup() {
31      const schema = object({
32      text: string().required(),
33      title: string().required()
34    });
35
36  const{ errors } = useForm({ ValidationSchema: schema });
37
38    const { value: text } = useField('text');
39    const { value: title } = useField('title');
40
41    return {
42      text,
43      title,
44      errors,
45    }
46  },
47};
48</script>