Alteração de texto no toggle em Vue
Vamos fazer com que, ao fazer toggle, o botão mostre o texto da operação que ele realizará no momento. Para isso, precisamos usar o operador ternário da seguinte forma:
<template>
<button @click="toggle">
{{ visible ? 'ocultar' : 'mostrar' }}
</button>
</template>
Existem três parágrafos e três botões. Faça com que cada botão alterne o seu próprio parágrafo e, ao mesmo tempo, mude seu texto de forma correspondente.