Use v-if instead of v-show

src/components/UserAuthentication.vue

 <template>
   <div>
     <button
-      v-show="!loggingIn"
+      v-if="!loggingIn"
       @click="loggingIn = true"
       class="
         hover:text-gray-600
@@ -13,9 +13,8 @@
     >
       Authenticate
     </button>
-    <div>
+    <div v-if="loggingIn">
       <input
-        v-show="loggingIn"
         type="text"
         placeholder="Secret token"
         v-model="secret"
@@ -31,10 +30,10 @@
         "
       />
       <span>
-        <button v-if="loggingIn" @click="authenticate(secret.trim())">
+        <button @click="authenticate(secret.trim())">
           <Checkmark width="30" height="30" class="login-button"></Checkmark>
         </button>
-        <button v-show="loggingIn" @click="loggingIn = false">
+        <button @click="loggingIn = false">
           <XCircle width="30" height="30" class="login-button"></XCircle>
         </button>
       </span>