Spreminjanje besedila pri preklopu v Vue

Naredimo tako, da je pri preklopu na gumbu napisano besedilo operacije, ki jo bo gumb izvedel v tem trenutku. Za to moramo uporabiti ternarni operator na naslednji način:

html<template>
  <button @click="toggle">
    {{ visible ? 'hide' : 'show' }}
  </button>
</template>
Задание 1

Podani so trije odstavki in trije gumbi. Naredite tako, da vsak gumb preklapla svoj odstavek in pri tem spreminja svoje besedilo na ustrezen način.