diff --git a/web/src/components/HeaderBar.vue b/web/src/components/HeaderBar.vue
index dadccd4..b3ce5ed 100644
--- a/web/src/components/HeaderBar.vue
+++ b/web/src/components/HeaderBar.vue
@@ -19,7 +19,7 @@
           clearable
           rounded="pill"
         ></v-text-field>
-      <v-btn icon variant="outlined" >
+      <v-btn icon variant="outlined" @click="handlelogout">
         <LogOut />
       </v-btn>
     </v-toolbar>
@@ -29,6 +29,14 @@
 
 <script setup lang="ts">
 import { LogOut } from 'lucide-vue-next';
+import { store } from '@/store';
+
+
+function handlelogout() {
+  console.log('logout');
+  store.setToken(null);
+}
+
 </script>
 
 <style scoped>