Смена текста при тогглинге в Vue

Давайте сделаем так, чтобы при тогглинге на кнопке был написан текст той операции, которую кнопка будет выполнять в данный момент. Для этого нам необходимо использовать тернарный оператор следующим образом:

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