Промена текста при тоглу у Vue

Хајде да урадимо тако да при тогловању на дугмету буде написан текст операције коју ће дугме извршити у том тренутку. За то нам је потребно да користимо тернарни оператор на следећи начин:

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