Skift af tekst ved toggling i Vue

Lad os gøre det sådan, at når du toggler står der en tekst på knappen, der beskriver den handling, som knappen vil udføre i det nuværende øjeblik. For at gøre dette er vi nødt til at bruge ternære operatør på følgende måde:

html<template>
  <button @click="toggle">
    {{ visible ? 'hide' : 'show' }}
  </button>
</template>