Vue에서 토글링 시 텍스트 변경

토글링할 때 버튼에 현재 시점에서 수행할 작업의 텍스트가 표시되도록 만들어 봅시다. 이를 위해 다음과 같이 삼항 연산자를 사용해야 합니다:

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