v-bind:valueの値を取得する方法

Question

vue3とtypescriptを使って開発をしています

  <form id="form" class="show" v-on:submit.prevent>
    <div>
      <label for="name">ID</label>
      <input type="text" id="id" name="id" v-bind:value="editId">
    </div>
    <div>
      <label for="name">名前</label>
      <input type="text" id="name" name="name" v-bind:value="editName">
    </div>
    <button type="submit" v-on:click="editUser" value="変更">変更</button>
  </form>

editUser(){
  const element = (<HTMLInputElement>document.getElementById('name')).value;
  console.log(element);
}

buttonをクリックした時にvalue値を取得するにはどうしたらいいでしょうか？
これだと一番最後の}に
Parsing error: Unexpected token. Did you mean {'}'} or }?
というエラーがでます