Změna textu při přepínání ve Vue

Pojďme zařídit, aby při přepínání na tlačítku byl napsán text operace, kterou tlačítko v daném okamžiku provede. K tomu musíme použít ternární operátor následujícím způsobem:

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