——————————— <Li v-for="(breakfast) in breakfast_list"> <div> <input

Question

——————————— <Li v-for="(breakfast) in breakfast_list"> <div> <input

class="checkbox__input" type="checkbox"
:id="breakfast.id"
v-model="selectedCheckBoxes"
:value="breakfast.id"
@click="superFunction">
</div>
</li>
———————————-

Всем привет!
Ребят, подскажите пожалуйста.
При клике на чекбоксе в массив selectedCheckBoxes должны записываться значения этих чекбоксов.
Далее вызывается функция superFunction(), которая работает с значениями в selectedCheckBoxes (массив куда запислось значение кликнутых боксов)

Проблема: логически неверная очередность действий.
Сначала выполняется superFunction(), а только после этого значение выбраных чекбоксов попадает в selectedCheckBoxes.
Получается, что функция начинате работать с массивом selectedCheckBoxes, но значение в него еще не записалось.

Вопрос:
Как сделать так, чтоб сначало значение из чекбокса попадало в v-model массив, а затем уже вызывалась superFunction, которая работает с вышеуказанным массивом?