Alteração de texto no toggle em Vue

Vamos fazer com que, ao fazer toggle, o botão mostre o texto da operação que ele realizará no momento. Para isso, precisamos usar o operador ternário da seguinte forma:

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