setTimerActive(!timerActive);disabled={timerActive ? '1' : '0'}
Boolean('0') // true - какая неожиданность, правда?
На странице может быть не одно модальное окно, а несколько
Поэтому значение которое отвечает за отображение формы(что бы не дублировать переменные или не создавать массив с ими в App.vue) нужно поместить в Modal.vue
const makeOrderList = str =>
Object.fromEntries(Array.from(
str.matchAll(/(\d+(?:\.?\d+)?) ([^,]+)/g),
n => [ n[2].replace(/ /g, '_'), +n[1] ]
));
makeOrderList('1.1 xxx, 2 yyy, 0.003 zzz') // {xxx: 1.1, yyy: 2, zzz: 0.003}
Да ну? Не вижу тут ни слова про удаление элементов. Про удаление обработчиков событий - есть. Про вырезание стилей - есть. Про удаление элементов - нет.
Честно говоря, я не понял, чего там работает и что вы хотели этим примером проиллюстрировать.