diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index f511e9b..ce4322b 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -354,6 +354,7 @@
 import { getContent } from '@/services/content';
 import { getMissions,getMissionLogs, createMissionLog } from '@/services/missions';
 import { useAuthStore } from '@/stores/auth'
+import { nextTick } from 'vue';
 
 export default {
   name: "App",
@@ -585,7 +586,16 @@ export default {
       });
 
       mission.userStatus = 'in_progress';
-    }
+    },
+    async handleLogout() {
+      try {
+        await this.authStore.logout();
+        await nextTick(); 
+        this.$router.push("/login");
+      } catch (err) {
+        console.error("Logout failed:", err);
+      }
+    },
   },
   mounted() {
       this.getMission();
@@ -605,14 +615,4 @@ export default {
     }
   }
 }; 
-</script>
-<script setup>
-// import { useAuthStore } from '@/stores/auth'
-import { useRouter } from 'vue-router'
-const router = useRouter()
-const auth = useAuthStore()
-const handleLogout = () => {
-  auth.logout()
-  router.push('/login')
-}
 </script>
\ No newline at end of file
diff --git a/src/stores/auth.js b/src/stores/auth.js
index b0b26c0..dbcc264 100644
--- a/src/stores/auth.js
+++ b/src/stores/auth.js
@@ -55,7 +55,6 @@ export const useAuthStore = defineStore('auth', {
             console.log("✅ Logged in as:", this.user.username);
         },
         async logout() {
-            // revoke token
             if(this.token){
                 await axios.post(this.baseUrl + '/oauth/revoke_token/', {
                     token: this.token,