client/src/components/Chat.vue

@@ -42,21 +42,15 @@ onMounted(async () => {
 <template>
   <main>
     <div class="overflow-auto position-relative pb-5">
-      <!--
       <div v-for="msg in msgs" class="card m-3 text-bg-secondary">
         <div class="card-body">{{ msg.username }}: {{ msg.message }}</div>
       </div>
+      <!--
       <div v-for="msg in msgs" class="input-group">
         <div class="alert alert-primary">{{ msg.username }}</div>
         <div class="alert alert-secondary">{{ msg.message }}</div>
       </div>
         -->
-      <div v-for="msg in msgs" class="d-flex text-body-secondary pt-2 px-3 border-bottom">
-        <p class="pb-2 mb-0 small lh-sm">
-          <strong class="d-block text-gray-dark">{{ msg.username }}</strong>
-          {{ msg.message }}
-        </p>
-      </div>
       <form onsubmit="event.preventDefault();" class="container-fluid fixed-bottom mb-3">
         <div class="input-group">
           <input v-model="input" type="text" class="form-control text-bg-secondary" placeholder="Type message here"

client/src/components/Header.vue

@@ -41,8 +41,7 @@ async function signout(ev) {
 
         <div class="offcanvas-body px-2">
           <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
-            <!--<li v-if="modelValue !== ''" class="nav-item mx-2 mt-2">-->
-            <li v-if="modelValue.hasOwnProperty('username')" class="nav-item mx-2 mt-2">
+            <li v-if="modelValue !== ''" class="nav-item mx-2 mt-2">
               <button @click="signout" class="btn btn-outline-success">Sign out</button>
             </li>
             <li class="nav-item mf-3 mt-1">