這是你沒綁 key 的關係，注意 for 渲染的 element 一定要綁 key，不建議綁 index, 在特殊操作上如拖曳排序等會有渲染問題

li(v-for="todo in filterTodos" :class="{ active: todo.completed }") 

// 改成
li(v-for="todo in filterTodos" :class="{ active: todo.completed }" :key="todo.name") 

然後 name 也是不建議綁的，因為可能會有重複 key 的問題，建議是新增一筆時，隨機生成一個 hash key 上去綁，但如果你是從後端 db 撈資料，綁 id 即可，因為 id 通常是唯一

我測了一下
AIRPODS PRO 變成 unchecked 的原因是「他是 AIRPODS 的下一筆」
似乎是更新畫面顯示時的小瑕疵
只要再點一次 completed 讓他「重新整理」就會正常了

我不會 vue，也找不到在那裡更新顯示
所以答案是
我
不
會