feat: add logout button in navbar

app.py

@@ -26,6 +26,7 @@
     current_user,
     login_user,
     login_required,
+    logout_user,
 )
 from flask_sqlalchemy import SQLAlchemy
 from github import Github
@@ -285,6 +286,15 @@ def get_me():
         )
 
 
+@app.route("/api/logout")
+def logout():
+    """Logout the current user."""
+    logout_user()
+    return Response(
+        json.dumps({"is_authenticated": False}),
+        mimetype="application/json"
+    )
+
 def is_github_blob(url: str) -> bool:
     splits = url.split("/")
     return (

frontend/src/layouts/MainLayout.vue

@@ -48,6 +48,7 @@
           </v-menu>
 
           <v-btn variant="text" href="https://github.com/gorse-io/gitrec" target="_blank" color="white" icon="mdi-github" />
+          <v-btn variant="text" color="white" icon="mdi-logout" @click="logout" />
         </div>
       </v-container>
 
@@ -104,6 +105,8 @@
 </template>
 
 <script>
+import axios from "axios";
+
 export default {
   data() {
     return {
@@ -173,6 +176,15 @@ export default {
     topicLabel(topic) {
       return topic.replace("-", " ").toUpperCase();
     },
+    async logout() {
+      try {
+        await axios.get("/api/logout");
+        localStorage.removeItem("gitrec_auth_state");
+        this.$router.push("/login");
+      } catch (error) {
+        console.error("Logout failed:", error);
+      }
+    },
   },
 };
 </script>