diff --git a/src/store/user.ts b/src/store/user.ts
index 8e68965..e7bb66f 100644
--- a/src/store/user.ts
+++ b/src/store/user.ts
@@ -1,24 +1,31 @@
 import { defineStore } from 'pinia';
 import Cookies from 'js-cookie';
 import { setAccount, removeAccount } from "@/utils/auth";
+import { ref } from 'vue';
 
-export const useUserStore = defineStore("user", {
-  state: () => ({
-    username: Cookies.get('username') || null,
-  }),
-  actions: {
-    async fetchUserInfo() {
-      // Simulate API call
-    },
-    setUserInfo(params: any) {
-      setAccount({
-        username: params.username,
-        password: params.password,
-        rememberMe: params.rememberMe ? "true" : "false",
-      });
-    },
-    clearUserInfo() {
-      removeAccount();
-    },
-  },
+export const useUserStore = defineStore("user", () => {
+  const username = ref(Cookies.get('username') || '');
+  
+  async function  fetchUserInfo() {
+    // Simulate API call
+  }
+
+  function setUserInfo(params: any) {
+    setAccount({
+      username: params.username,
+      password: params.password,
+      rememberMe: params.rememberMe ? "true" : "false",
+    });
+  }
+
+  function clearUserInfo() {
+    removeAccount();
+  }
+
+  return {
+    username,
+    fetchUserInfo,
+    setUserInfo,
+    clearUserInfo,
+  }
 });