From 18507b6273759af49a9d89d0b0f3ae40933d9998 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sat, 12 Oct 2024 15:16:06 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E5=B0=81?=
 =?UTF-8?q?=E9=9D=A2503?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/t-postcard.vue | 21 ++++++++++++++++-----
 src/pages/User/Characters.vue      |  1 +
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/main/t-postcard.vue b/src/components/main/t-postcard.vue
index 83495c5e..0bba5aeb 100644
--- a/src/components/main/t-postcard.vue
+++ b/src/components/main/t-postcard.vue
@@ -59,7 +59,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, onBeforeMount, onUnmounted, ref } from "vue";
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 
 import { generateShareImg, saveImgLocal } from "../../utils/TGShare.js";
 import { createPost } from "../../utils/TGWindow.js";
@@ -90,15 +90,26 @@ const selectedList = computed({
   },
 });
 
-onBeforeMount(async () => {
-  card.value = getPostCard(props.modelValue);
+onMounted(async () => await reload(props.modelValue));
+
+watch(() => props.modelValue, reload);
+
+async function reload(data: TGApp.Plugins.Mys.Post.FullData): Promise<void> {
+  if (localCover.value) {
+    URL.revokeObjectURL(localCover.value);
+    localCover.value = undefined;
+  }
+  card.value = getPostCard(data);
   if (card.value && card.value.cover !== "") {
     localCover.value = await saveImgLocal(card.value.cover);
   }
-});
+}
 
 onUnmounted(() => {
-  if (localCover.value) URL.revokeObjectURL(localCover.value);
+  if (localCover.value) {
+    URL.revokeObjectURL(localCover.value);
+    localCover.value = undefined;
+  }
 });
 
 /**
diff --git a/src/pages/User/Characters.vue b/src/pages/User/Characters.vue
index ddfb8061..e5988cc8 100644
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -283,6 +283,7 @@ async function refresh(): Promise<void> {
   const indexRes = await TGRequest.User.byCookie.getAvatarIndex(userStore.cookie.value, user.value);
   if (indexRes.retcode !== 0) {
     showSnackbar({ text: `[${indexRes.retcode}] ${indexRes.message}` });
+    await TGLogger.Error(JSON.stringify(indexRes.message));
     loading.value = false;
     loadData.value = false;
     return;