Умоўныя групы ў 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>

Хай у вас дадзены тры абзацы і кнопка. Зрабіце так, каб па націску на кнопку гэтыя абзацы схаваліся.