Условные группы в Vue

Иногда нам нужно наложить условие сразу на группу тегов. В этом случае мы можем объединить их общим родителем и наложить условие на него:

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

Иногда нам не хотелось бы объединять теги общим родителем. В этом случае их можно объединить тегом template. Этот тег объединяет другие теги, но не попадает в итоговую верстку. Давайте наложим условие на этот тег:

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

Пусть у вас даны три абзаца и кнопка. Сделайте так, чтобы по нажатию на кнопку эти абзацы скрывались.