Змена тэксту пры тагглінгу ў Vue

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

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