Шаблон лишається шаблоном, дані — реактивними

Vue-компонент — три блоки в одному `.vue`. Розмітка лишається розміткою.

Реактивність — не «магія». Змінюєш `.value` у ref — шаблон сам перемалюється.

v-for без :key — пастка. Computed — кеш формули, а не метод «на кожен чих».

@click викликає функцію. .prevent на формі, інакше перезавантаження.

Друкуєш — ref змінюється. Чекбокс — boolean, а не рядок.

Computed — формула. watch — сходити в API, коли id змінився.

defineProps читає. defineEmits повідомляє батька. Не пиши в prop.

Після появи в DOM — onMounted. Fetch там або у watch на id.