logout

src/views/PersonalView/PersonalSessionBlock.vue

@@ -28,6 +28,10 @@ const formattedDate = computed(() => {
   }
 });
 
+const onLogout = () => {
+  store.logout()
+}
+
 </script>
 
 <template>
@@ -44,8 +48,21 @@ const formattedDate = computed(() => {
           {{ formattedDate }}
         </n-thing>
       </n-list-item>
+      <div class="logout-container">
+        <n-button type="info" class="logout" @click="onLogout">Log out</n-button>
+      </div>
     </n-list>
   </n-card>
 </template>
 
-<style scoped></style>
+<style scoped>
+.logout-container {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.logout {
+  min-width: 320px;
+}
+</style>