Условни групи във Vue

Понякога трябва да приложим условие веднага върху група от тагове. В този случай можем да ги обединим под общ родител и да приложим условието върху него:

<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>

Нека са дадени три параграфа и бутон. Направете така, че при натискане на бутона тези параграфи да се скриват.