vuejs 入力フォームで 入力項目に値が入力された時のみ、ボタンを非活性にする。 vuejs vuejs

vuejs 入力フォームで 値がまだ入っていないときは、送信ボタンを押せないようにしたかったので。
その内容が以下。
:disabled="" の内容が true だと、非表示（ボタン押せない、非活性化）になる

---------------------------------------------------------
<v-text-field v-model="name1"></v-text-field>
<v-text-field v-model="name2"></v-text-field>

<v-btn class="me-4" :disabled="name1.length == 0 || name2.length == 0 ">
submit
</v-btn>

<script setup lang="ts">
const name1 = ref('')
const name2 = ref('')
</script>
---------------------------------------------------------