From b3be61c47c0e267ba151258ee800acd61bbfcac7 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 29 Aug 2026 16:57:50 +0930
Subject: [PATCH] Fix VueIntersect single-element warning in notifications
 section

The <intersect> in sections/Notifications.vue wrapped four <placeholder>
elements directly. vue-intersect requires exactly one child (it checks
$slots.default.length and observes $slots.default[0]), so it logged
'[VueIntersect] You may only wrap one element in a <intersect> component.'
and only observed the first placeholder. Wrap the placeholders in a single
<div> so the slot has one root element.
---
 resources/assets/components/sections/Notifications.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/assets/components/sections/Notifications.vue b/resources/assets/components/sections/Notifications.vue
index cb3ececc0..dfc9e383a 100644
--- a/resources/assets/components/sections/Notifications.vue
+++ b/resources/assets/components/sections/Notifications.vue
@@ -167,10 +167,12 @@
 
 						<div v-else>
 							<intersect v-if="hasLoaded && canLoadMore" @enter="enterIntersect">
-								<placeholder small style="margin-top: -6px" />
-								<placeholder small/>
-								<placeholder small/>
-								<placeholder small/>
+								<div>
+									<placeholder small style="margin-top: -6px" />
+									<placeholder small/>
+									<placeholder small/>
+									<placeholder small/>
+								</div>
 							</intersect>
 
 							<div v-else class="d-block" style="height: 10px;">