diff --git a/frontend/composables/useAuth.ts b/frontend/composables/useAuth.ts
index 84310d8..831ad40 100644
--- a/frontend/composables/useAuth.ts
+++ b/frontend/composables/useAuth.ts
@@ -1,26 +1,25 @@
-import { useCookies } from "@vueuse/integrations/useCookies";
+import useGetAccount from "~/composables/api/account/useGetAccount";
 
 export const useAuth = () => {
 
     // state
 
-    const cookies = useCookies();
-
-    const token = ref("");
+    const token = useCookie("token");
 
     // method
 
     const updateToken = (newToken: string) => {
-        cookies.set("token", newToken);
+        token.value = newToken;
     };
 
-    const logout = () => {
-        cookies.remove("token");
+    const logout = (reload ?: boolean) => {
+        token.value = undefined;
+        if (reload) window.location.reload();
     };
 
     // watch
 
-    watch(() => cookies.get("token"), (newValue) => {
+    watch(() => token.value, (newValue) => {
         token.value = newValue;
     }, {
         immediate: true