fix(media): load library on client after auth refresh (avoid SSR 401)

Made-with: Cursor

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(
+watch([page, pageSize], () => {
-  [page, pageSize],
+  void load()
-  () => {
+})
-    void load()
+
-  },
+onMounted(() => {
-  { immediate: true },
+  void refreshAuth(true)
-)
+  void load()
+})
 
 function openFilePicker() {
   fileInput.value?.click()