Resolve "Logout doesn't work"

Closes #26 (closed)

src/components/NavbarTop.vue

@@ -17,7 +17,7 @@ const route = useRoute();
 
 function logout() {
   store.logout();
-  cookies.remove("bearer");
+  cookies.remove("bearer", undefined, window.location.hostname);
 }
 
 const activeRoute = ref("");
@@ -86,13 +86,13 @@ watch(
             >
               <li>
                 <router-link class="dropdown-item" :to="{ name: 'buckets' }"
-                  >My Data Buckets</router-link
-                >
+                  >My Data Buckets
+                </router-link>
               </li>
               <li>
                 <router-link class="dropdown-item" :to="{ name: 's3_keys' }"
-                  >S3 Bucket Keys</router-link
-                >
+                  >S3 Bucket Keys
+                </router-link>
               </li>
             </ul>
           </li>
@@ -115,15 +115,15 @@ watch(
             >
               <li>
                 <router-link class="dropdown-item" :to="{ name: 'workflows' }"
-                  >Available Workflows</router-link
-                >
+                  >Available Workflows
+                </router-link>
               </li>
               <li>
                 <router-link
                   class="dropdown-item"
                   :to="{ name: 'workflow-executions' }"
-                  >My Workflow Executions</router-link
-                >
+                  >My Workflow Executions
+                </router-link>
               </li>
               <li
                 v-if="
@@ -136,15 +136,15 @@ watch(
                 <router-link
                   class="dropdown-item"
                   :to="{ name: 'workflows-developer' }"
-                  >My Workflows</router-link
-                >
+                  >My Workflows
+                </router-link>
               </li>
               <li v-if="store.workflowReviewer || store.admin">
                 <router-link
                   class="dropdown-item"
                   :to="{ name: 'workflows-reviewer' }"
-                  >Reviews</router-link
-                >
+                  >Reviews
+                </router-link>
               </li>
             </ul>
           </li>
@@ -174,7 +174,9 @@ watch(
               >Advanced Usage</a
             >
           </li>
-          <li><hr class="dropdown-divider" /></li>
+          <li>
+            <hr class="dropdown-divider" />
+          </li>
           <li><h6 class="dropdown-header">Roles</h6></li>
           <li
             v-for="role in store.roles"
@@ -183,7 +185,9 @@ watch(
           >
             {{ role }}
           </li>
-          <li><hr class="dropdown-divider" /></li>
+          <li>
+            <hr class="dropdown-divider" />
+          </li>
           <li>
             <router-link
               :to="{ name: 'login' }"
@@ -212,33 +216,36 @@ watch(
           <tr>
             <td class="text-end">Auth Service:</td>
             <td>
-              <a :href="AuthOpenAPI.BASE + '/docs'" target="_blank"
-                ><font-awesome-icon
+              <a :href="AuthOpenAPI.BASE + '/docs'" target="_blank">
+                <font-awesome-icon
                   class="me-1"
                   icon="fa-solid fa-arrow-up-right-from-square"
-                />{{ AuthOpenAPI.BASE }}</a
+                />
+                {{ AuthOpenAPI.BASE }}</a
               >
             </td>
           </tr>
           <tr>
             <td class="text-end">S3Proxy Service:</td>
             <td>
-              <a :href="S3ProxyOpenAPI.BASE + '/docs'" target="_blank"
-                ><font-awesome-icon
+              <a :href="S3ProxyOpenAPI.BASE + '/docs'" target="_blank">
+                <font-awesome-icon
                   class="me-1"
                   icon="fa-solid fa-arrow-up-right-from-square"
-                />{{ S3ProxyOpenAPI.BASE }}</a
+                />
+                {{ S3ProxyOpenAPI.BASE }}</a
               >
             </td>
           </tr>
           <tr>
             <td class="text-end">Workflow Service:</td>
             <td>
-              <a :href="WorkflowOpenAPI.BASE + '/docs'" target="_blank"
-                ><font-awesome-icon
+              <a :href="WorkflowOpenAPI.BASE + '/docs'" target="_blank">
+                <font-awesome-icon
                   class="me-1"
                   icon="fa-solid fa-arrow-up-right-from-square"
-                />{{ WorkflowOpenAPI.BASE }}</a
+                />
+                {{ WorkflowOpenAPI.BASE }}</a
               >
             </td>
           </tr>