Условни групи во 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>

Нека ви се дадени три параграфи и копче. Направете така што при клик на копчето овие параграфи да се сокријат.