From 5317c03ac16e68b84ef54a9c07ab04b6eae3d601 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 23 Jan 2026 01:57:27 -0800
Subject: fix(html): Replace self-closing non-void HTML elements with proper
 closing tags

---
 src/lib/Loading/Ellipsis.svelte | 2 +-
 src/lib/Loading/Grid.svelte     | 2 +-
 src/lib/Loading/Ripple.svelte   | 4 ++--
 src/lib/Loading/Skeleton.svelte | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'src/lib/Loading')

diff --git a/src/lib/Loading/Ellipsis.svelte b/src/lib/Loading/Ellipsis.svelte
index ba1f30b8..d16a2a6e 100644
--- a/src/lib/Loading/Ellipsis.svelte
+++ b/src/lib/Loading/Ellipsis.svelte
@@ -4,7 +4,7 @@
 
 <div class="ellipsis" style={`--loader-colour: ${colour};`}>
   {#each Array.from({ length: 4 }) as _}
-    <div />
+    <div></div>
   {/each}
 </div>
 
diff --git a/src/lib/Loading/Grid.svelte b/src/lib/Loading/Grid.svelte
index 1a64b3e0..73a6d284 100644
--- a/src/lib/Loading/Grid.svelte
+++ b/src/lib/Loading/Grid.svelte
@@ -4,7 +4,7 @@
 
 <div class="grid" style={`--loader-colour: ${colour};`}>
   {#each Array.from({ length: 9 }) as _}
-    <div />
+    <div></div>
   {/each}
 </div>
 
diff --git a/src/lib/Loading/Ripple.svelte b/src/lib/Loading/Ripple.svelte
index 05d62bb5..0ce3d23c 100644
--- a/src/lib/Loading/Ripple.svelte
+++ b/src/lib/Loading/Ripple.svelte
@@ -3,8 +3,8 @@
 </script>
 
 <div class="ripple" style={`--loader-colour: ${colour};`}>
-  <div />
-  <div />
+  <div></div>
+  <div></div>
 </div>
 
 <style lang="scss">
diff --git a/src/lib/Loading/Skeleton.svelte b/src/lib/Loading/Skeleton.svelte
index 3f39beec..18b483cb 100644
--- a/src/lib/Loading/Skeleton.svelte
+++ b/src/lib/Loading/Skeleton.svelte
@@ -14,7 +14,7 @@
     {#each Array(count) as _, i}
       <div class={card ? `${bigCard ? 'card' : ''} card-small` : ''} style={`width: ${width};`}>
         <div class="skeleton-container" style={`--i: ${i};`}>
-          <div class="skeleton" style={`width: ${width}; height: ${height};`} />
+          <div class="skeleton" style={`width: ${width}; height: ${height};`}></div>
         </div>
       </div>
     {/each}
@@ -26,12 +26,12 @@
       style={`width: ${width}; ${list ? 'padding-top: .75em;' : ''}; --i: ${i};`}
     >
       <div class="skeleton-container">
-        <div class="skeleton" style={`width: ${width}; height: ${height};`} />
+        <div class="skeleton" style={`width: ${width}; height: ${height};`}></div>
       </div>
     </div>
 
     {#if !list && i < count - 1}
-      <p />
+      <p></p>
     {/if}
   {/each}
 {/if}
-- 
cgit v1.2.3