From 4408f48cbdcdeba7d4cf34b0e8aa690793de1a93 Mon Sep 17 00:00:00 2001
From: RhenCloud <i@rhen.cloud>
Date: Thu, 25 Jun 2026 22:27:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=8F=8B=E9=93=BE?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=80=BB=E8=BE=91=EF=BC=8C=E7=A1=AE=E4=BF=9D?=
 =?UTF-8?q?=E5=8F=8B=E9=93=BE=E5=9C=A8=E7=BB=84=E4=BB=B6=E6=8C=82=E8=BD=BD?=
 =?UTF-8?q?=E6=97=B6=E6=AD=A3=E7=A1=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/FriendsSection.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/components/FriendsSection.vue b/app/components/FriendsSection.vue
index b25541d..b6cd63b 100644
--- a/app/components/FriendsSection.vue
+++ b/app/components/FriendsSection.vue
@@ -181,8 +181,9 @@
 </template>
 
 <script setup>
-import { reactive, ref, watch, computed } from "vue";
+import { reactive, ref, watch, computed, onMounted } from "vue";
 import siteConfig from "../config/siteConfig";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({ friends: { type: Array, default: () => [] } });
 const showFormModal = ref(false);
 const loading = ref(false);
@@ -212,11 +213,15 @@ const shuffle = (list) => {
 watch(
   () => props.friends,
   (val) => {
-    displayedFriends.value = shuffle(val || []);
+    displayedFriends.value = val ? [...val] : [];
   },
   { immediate: true }
 );
 
+onMounted(() => {
+  displayedFriends.value = shuffle(props.friends || []);
+});
+
 const exampleJson = computed(() => {
   const name = siteConfig.profile?.name || siteConfig.siteMeta?.title || "";
   const url = siteConfig.siteMeta?.url || "";