Vue'дагы шарттуу топтор

Кээде биз бир топ тегдерге шарт коюуну керектейбиз. Бул учурда, аларды жалпы ата-теги менен бириктирип, ага шарт коё алабыз:

html<template>
  <div v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </div>
</template>

Кээде биз тегдерди жалпы ата-теги менен бириктиргибиз келбейт. Бул учурда аларды template теги менен бириктирсек болот. Бул тег башка тегдерди бириктирет, бирок акыркы версткага кирбейт. Келгиле, бул тегге шарт коёлу:

html<template>
  <template v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </template>
</template>
Задание 1

Сизде үч абзац жана баскыч бар деп коёлу. Баскычты басканда, бул абзацтар жашыруун болушун жасаңыз.