Vue 3 на Typescript

А все понял. Сам дурак называется. Сорри

Vue 3 на Typescript

А какой смысл пушить строку в новый объект, а выводить в консоль старый?
Или я как-то не так понимаю, что вы имеете ввиду под глубоким копированием

Vue 3 на Typescript

Сейчас же можно юзать spread-оператор:

const source = { name: 'Vasya', age: 25, hobbies: { books: ['fantasy', 'novels'], music: ['rock', 'classic']}}
const target = { ...source }

Vue 3 на Typescript

Бу-э:

<li :class="todo.completed ? 'completed' : ''"></li>

Ведь в соседнем листинге у вас:

<li :class="{ completed: todo.completed }"></li>

Поправьте пжлст.