更新ui样式，并修复已知问题 (#8)

Reviewed-on: #8

src/stores/auth.ts

@@ -23,7 +23,14 @@ export const useAuthStore = defineStore('auth', () => {
   function applyAuth(auth: AuthResponse) {
     setAccessToken(auth.access_token)
     user.value = auth.user
-    profile.value = auth.profile
+    profile.value = {
+      id: auth.user.id,
+      username: auth.user.username,
+      avatar_url: auth.user.avatar_url,
+      role: auth.user.role,
+      is_disabled: auth.user.is_disabled,
+      created_at: auth.user.created_at,
+    }
   }
 
   function clearAuth() {
@@ -58,11 +65,19 @@ export const useAuthStore = defineStore('auth', () => {
   }
 
   async function updateUsername(username: string) {
-    const updatedProfile = await apiRequest<Profile>('/profiles/me', {
+    const updatedUser = await apiRequest<AuthUser>('/profiles/me', {
       method: 'PATCH',
       body: { username },
     })
-    profile.value = updatedProfile
+    user.value = updatedUser
+    profile.value = {
+      id: updatedUser.id,
+      username: updatedUser.username,
+      avatar_url: updatedUser.avatar_url,
+      role: updatedUser.role,
+      is_disabled: updatedUser.is_disabled,
+      created_at: updatedUser.created_at,
+    }
   }
 
   async function updatePassword(password: string) {

src/stores/profile.ts

@@ -2,7 +2,7 @@ import { ref } from 'vue'
 import { defineStore } from 'pinia'
 import { apiRequest } from '@/lib/api'
 import { useAuthStore } from '@/stores/auth'
-import type { ApiCloud, ApiPage, PublicProfile } from '@/types/api'
+import type { ApiCloud, ApiPage, LikeStats, PublicProfile } from '@/types/api'
 import type { CloudType, Profile } from '@/types/database'
 
 export interface ProfileCloudItem {
@@ -21,6 +21,8 @@ export interface ProfileCloudItem {
   is_hidden: boolean
   cloudTypeName: string
   cloudTypeRarity: CloudType['rarity']
+  favoriteCount: number
+  isFavorited: boolean
 }
 
 function toProfileCloud(row: ApiCloud): ProfileCloudItem {
@@ -40,6 +42,8 @@ function toProfileCloud(row: ApiCloud): ProfileCloudItem {
     is_hidden: row.is_hidden,
     cloudTypeName: row.cloud_type_name || row.custom_cloud_type || '未知',
     cloudTypeRarity: row.cloud_type_rarity || 'common',
+    favoriteCount: row.favorite_count,
+    isFavorited: row.is_favorited,
   }
 }
 
@@ -55,6 +59,7 @@ export const useProfileStore = defineStore('profile-page', () => {
   const authStore = useAuthStore()
   const profilesById = ref<Record<string, Profile>>({})
   const cloudsByKey = ref<Record<string, ProfileCloudItem[]>>({})
+  const likeStatsByUserId = ref<Record<string, LikeStats>>({})
   const loadingKeys = ref<Record<string, boolean>>({})
   const errorByKey = ref<Record<string, string>>({})
 
@@ -68,6 +73,10 @@ export const useProfileStore = defineStore('profile-page', () => {
     return userId ? cloudsByKey.value[makeKey(userId, isOwnProfile)] ?? [] : []
   }
 
+  function getLikeStats(userId: string | null) {
+    return userId ? likeStatsByUserId.value[userId] ?? null : null
+  }
+
   function getError(userId: string | null, isOwnProfile: boolean) {
     return userId ? errorByKey.value[makeKey(userId, isOwnProfile)] ?? '' : ''
   }
@@ -99,9 +108,17 @@ export const useProfileStore = defineStore('profile-page', () => {
       const profilePromise = isOwnProfile && authStore.profile?.id === userId
         ? Promise.resolve(authStore.profile)
         : apiRequest<PublicProfile>(`/profiles/${userId}`, { auth: false }).then(toProfile)
-      const [profile, cloudRows] = await Promise.all([profilePromise, fetchAllClouds(userId, isOwnProfile)])
+      const likeStatsPromise = isOwnProfile
+        ? apiRequest<LikeStats>('/profiles/me/like-stats')
+        : Promise.resolve(null)
+      const [profile, cloudRows, likeStats] = await Promise.all([
+        profilePromise,
+        fetchAllClouds(userId, isOwnProfile),
+        likeStatsPromise,
+      ])
       profilesById.value[userId] = profile
       cloudsByKey.value[key] = cloudRows.map(toProfileCloud)
+      if (likeStats) likeStatsByUserId.value[userId] = likeStats
     } catch (error) {
       errorByKey.value[key] = error instanceof Error ? error.message : '个人主页加载失败'
       cloudsByKey.value[key] = []
@@ -186,6 +203,7 @@ export const useProfileStore = defineStore('profile-page', () => {
   return {
     getProfile,
     getClouds,
+    getLikeStats,
     getError,
     isLoaded,
     isLoading,