基本完成了用户相关前端页面的编写,经过测试能够实现相关功能

src/stores/UserStore.ts

@@ -1,18 +1,32 @@
 import { ref } from "vue";
 import { defineStore } from "pinia";
+import type { UserInfo } from "@/types/user";
 
 export const useUserStore = defineStore(
   "user",
   () => {
-    const token = ref("");
+    const token = ref<string>("");
+    const userInfo = ref<UserInfo | null>(null);
 
     const setToken = (newToken: string) => {
       token.value = newToken;
     };
 
+    const setUserInfo = (info: UserInfo) => {
+      userInfo.value = info;
+    };
+
+    const clearUserInfo = () => {
+      token.value = "";
+      userInfo.value = null;
+    };
+
     return {
       token,
+      userInfo,
       setToken,
+      setUserInfo,
+      clearUserInfo,
     };
   },
   {