changes

app/components/user/Logout.vue

@@ -1,15 +1,29 @@
 <template>
   <div>
-  <article class="message is-dark">
-    <div class="message-body py-2 mt-5 has-text-dark fs-16">
-      {{$store.lang==='en'? 'Click the button below to log out of the system.' : 'Nhấn vào nút bên dưới để thoát khỏi hệ thống.'}}
+    <article class="message is-dark">
+      <div class="message-body py-2 mt-5 has-text-dark fs-16">
+        {{
+          $store.lang === "en"
+            ? "Click the button below to log out of the system."
+            : "Nhấn vào nút bên dưới để thoát khỏi hệ thống."
+        }}
+      </div>
+    </article>
+    <div class="mt-5 pt-3">
+      <button
+        class="button is-primary has-text-white"
+        @click="logout"
+      >
+        {{ $store.lang === "en" ? "Sign out" : "Đăng xuất" }}
+      </button>
     </div>
-  </article>
-  <div class="mt-5 pt-3">
-    <button class="button is-primary has-text-white" @click="$requestLogin()">{{$store.lang==='en'? 'Sign out' : 'Đăng xuất'}}</button>
-  </div>
   </div>
 </template>
 <script setup>
-const { $store, $requestLogin } = useNuxtApp()
-</script>
+const { $store, $requestLogin } = useNuxtApp();
+
+function logout() {
+  $store.login = undefined;
+  window.location.assign("/");
+}
+</script>