优化用户状态管理

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", {
+export const useUserStore = defineStore("user", () => {
-  state: () => ({
+  const username = ref(Cookies.get('username') || '');
-    username: Cookies.get('username') || null,
+  
-  }),
+  async function  fetchUserInfo() {
-  actions: {
-    async fetchUserInfo() {
     // Simulate API call
-    },
+  }
-    setUserInfo(params: any) {
+
+  function setUserInfo(params: any) {
     setAccount({
       username: params.username,
       password: params.password,
       rememberMe: params.rememberMe ? "true" : "false",
     });
-    },
+  }
-    clearUserInfo() {
+
+  function clearUserInfo() {
     removeAccount();
-    },
+  }
-  },
+
+  return {
+    username,
+    fetchUserInfo,
+    setUserInfo,
+    clearUserInfo,
+  }
 });