From 2cc931b92987581d65946951f623e17b33fd6736 Mon Sep 17 00:00:00 2001
From: npmrun <1549469775@qq.com>
Date: Sun, 19 Apr 2026 11:14:25 +0800
Subject: [PATCH] fix(media): load library on client after auth refresh (avoid
 SSR 401)

Made-with: Cursor
---
 app/pages/me/media/index.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/pages/me/media/index.vue b/app/pages/me/media/index.vue
index 103fce1..1a47a89 100644
--- a/app/pages/me/media/index.vue
+++ b/app/pages/me/media/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useAuthSession } from '../../../composables/useAuthSession'
+
 definePageMeta({ title: '媒体库' })
 
 type MediaAssetRow = {
@@ -12,6 +14,7 @@ type MediaAssetRow = {
 }
 
 const toast = useToast()
+const { refresh: refreshAuth } = useAuthSession()
 const { fetchData, getApiErrorMessage } = useClientApi()
 
 const page = ref(1)
@@ -70,13 +73,14 @@ watch(pageSize, () => {
   page.value = 1
 })
 
-watch(
-  [page, pageSize],
-  () => {
-    void load()
-  },
-  { immediate: true },
-)
+watch([page, pageSize], () => {
+  void load()
+})
+
+onMounted(() => {
+  void refreshAuth(true)
+  void load()
+})
 
 function openFilePicker() {
   fileInput.value?.click()