优化用户状态管理

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: {
+    // Simulate API call
-    async fetchUserInfo() {
+  }
-      // Simulate API call
+
-    },
+  function setUserInfo(params: any) {
-    setUserInfo(params: any) {
+    setAccount({
-      setAccount({
+      username: params.username,
-        username: params.username,
+      password: params.password,
-        password: params.password,
+      rememberMe: params.rememberMe ? "true" : "false",
-        rememberMe: params.rememberMe ? "true" : "false",
+    });
-      });
+  }
-    },
+
-    clearUserInfo() {
+  function clearUserInfo() {
-      removeAccount();
+    removeAccount();
-    },
+  }
-  },
+
+  return {
+    username,
+    fetchUserInfo,
+    setUserInfo,
+    clearUserInfo,
+  }
 });