Schimbarea textului la toggle în Vue

Haideți să facem astfel încât la toggle pe buton să fie scris textul acelei operații, pe care butonul o va executa în acest moment. Pentru aceasta este necesar să folosim operatorul ternar în felul următor:

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