Endring av tekst ved veksling i Vue

La oss gjøre det slik at når du veksler står det en tekst på knappen som beskriver operasjonen som knappen vil utføre på dette tidspunktet. For å gjøre dette må vi bruke ternær operatør på følgende måte:

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