fix(html): Replace self-closing non-void HTML elements with proper closing tags

37 files changed, 67 insertions, 67 deletions

diff --git a/src/lib/Announcement.svelte b/src/lib/Announcement.svelte
index 7bcc9df7..8f05d6f1 100644
--- a/src/lib/Announcement.svelte
+++ b/src/lib/Announcement.svelte
@@ -40,7 +40,7 @@
       {line}<br />
     {/each}
 
-    <p />
+    <p></p>
 
     <button on:click={dismiss} class="dismiss">{dismissButton || 'Dismiss'}</button>
   </Popup>
diff --git a/src/lib/CommandPalette/CommandPalette.svelte b/src/lib/CommandPalette/CommandPalette.svelte
index c984601d..77302d5b 100644
--- a/src/lib/CommandPalette/CommandPalette.svelte
+++ b/src/lib/CommandPalette/CommandPalette.svelte
@@ -140,7 +140,7 @@
   <div
     class="command-palette-overlay {open ? 'fade-in' : 'fade-out'}"
     on:click={() => (open = false)}
-  />
+  ></div>
 
   <div class="dropdown {open ? 'fade-in' : 'fade-out'}">
     <div class="dropdown-content card card-small">
diff --git a/src/lib/Error/AnimeRateLimited.svelte b/src/lib/Error/AnimeRateLimited.svelte
index 96df3ad5..d5d51530 100644
--- a/src/lib/Error/AnimeRateLimited.svelte
+++ b/src/lib/Error/AnimeRateLimited.svelte
@@ -9,7 +9,7 @@
 
   {#await fetch('https://api.waifu.pics/sfw/cry') then response}
     {#await response.json() then json}
-      <p />
+      <p></p>
 
       <a href={`https://trace.moe/?url=${encodeURIComponent(json.url)}`} target="_blank">
         <img src={json.url} alt="" style="width: 30vw;" />
diff --git a/src/lib/Error/RateLimited.svelte b/src/lib/Error/RateLimited.svelte
index 973d75d9..4e395c70 100644
--- a/src/lib/Error/RateLimited.svelte
+++ b/src/lib/Error/RateLimited.svelte
@@ -27,7 +27,7 @@
         <slot />
 
         {#if contact}
-          <p />
+          <p></p>
 
           If the problem persists, please contact
           <a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
@@ -51,7 +51,7 @@
     <slot />
 
     {#if contact}
-      <p />
+      <p></p>
 
       If the problem persists, please contact
       <a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
diff --git a/src/lib/Hololive/Lives.svelte b/src/lib/Hololive/Lives.svelte
index 9e762df9..7e45ea3d 100644
--- a/src/lib/Hololive/Lives.svelte
+++ b/src/lib/Hololive/Lives.svelte
@@ -68,7 +68,7 @@
   {/each}
 </div>
 
-<p />
+<p></p>
 
 <div class="container">
   {#each categorisedStreams.upcoming as live}
@@ -76,7 +76,7 @@
   {/each}
 </div>
 
-<p />
+<p></p>
 
 <div class="container">
   {#each categorisedStreams.ended as live}
diff --git a/src/lib/Landing.svelte b/src/lib/Landing.svelte
index 644d1d41..541c3c36 100644
--- a/src/lib/Landing.svelte
+++ b/src/lib/Landing.svelte
@@ -30,7 +30,7 @@
   </div>
 </div>
 
-<p />
+<p></p>
 
 <div class="example-item card">
   <div class="card item-description">
@@ -53,7 +53,7 @@
   </div>
 </div>
 
-<p />
+<p></p>
 
 <div class="example-item card">
   <div class="item-content">
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 1d57997b..5130cc2a 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -159,7 +159,7 @@
     {/each}
   </select>
 
-  <p />
+  <p></p>
 {/if}
 
 {#if $settings.displayCoverModeAnime}
diff --git a/src/lib/List/Anime/UpcomingAnimeList.svelte b/src/lib/List/Anime/UpcomingAnimeList.svelte
index a0645320..f22291f2 100644
--- a/src/lib/List/Anime/UpcomingAnimeList.svelte
+++ b/src/lib/List/Anime/UpcomingAnimeList.svelte
@@ -94,7 +94,7 @@
 />
 
 {#if $settings.displayPlannedAnime}
-  <p />
+  <p></p>
 
   <AnimeList
     {endTime}
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index b7167a9a..290646a5 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -124,7 +124,7 @@
 
 {#if media.length === 0 && !rateLimited}
   {#if rateLimited}
-    <p />
+    <p></p>
   {/if}
 
   <p>
@@ -149,7 +149,7 @@
     {/each}
   </select>
 
-  <p />
+  <p></p>
 {/if}
 
 {#if $settings.displayCoverModeManga || dummy}
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}
diff --git a/src/lib/Schedule/Crunchyroll.svelte b/src/lib/Schedule/Crunchyroll.svelte
index d22cff42..066a5d22 100644
--- a/src/lib/Schedule/Crunchyroll.svelte
+++ b/src/lib/Schedule/Crunchyroll.svelte
@@ -61,7 +61,7 @@
       </details>
     </div>
 
-    <p />
+    <p></p>
   {/each}
 
   <div class="card day">
@@ -76,7 +76,7 @@
     </details>
   </div>
 
-  <p />
+  <p></p>
 
   <div class="card day">
     <details open class="details-unstyled">
diff --git a/src/lib/Settings/Categories/Attributions.svelte b/src/lib/Settings/Categories/Attributions.svelte
index 250b08c3..28f69a74 100644
--- a/src/lib/Settings/Categories/Attributions.svelte
+++ b/src/lib/Settings/Categories/Attributions.svelte
@@ -34,7 +34,7 @@
 		</li> -->
 </ul>
 
-<p />
+<p></p>
 
 <details open class="card-clear">
   <summary>Outbound Link Disclaimer</summary>
diff --git a/src/lib/Settings/Categories/Cache.svelte b/src/lib/Settings/Categories/Cache.svelte
index deed695c..ba7e2842 100644
--- a/src/lib/Settings/Categories/Cache.svelte
+++ b/src/lib/Settings/Categories/Cache.svelte
@@ -7,7 +7,7 @@
   <a href="https://due.moe">due.moe</a>'s site data will clear these caches too.
 </small>
 
-<p />
+<p></p>
 
 Re-cache AniList media lists every
 <input
diff --git a/src/lib/Settings/Categories/Debug.svelte b/src/lib/Settings/Categories/Debug.svelte
index 852db4f3..2f74a3c7 100644
--- a/src/lib/Settings/Categories/Debug.svelte
+++ b/src/lib/Settings/Categories/Debug.svelte
@@ -25,7 +25,7 @@
 
 <button on:click={clearCaches}>{$locale().debug.clearCaches}</button>
 
-<p />
+<p></p>
 
 <button
   on:click={() => {
@@ -43,7 +43,7 @@
   {$locale().debug.resetAllSettings.hint}
 </SettingHint>
 
-<p />
+<p></p>
 
 <button
   on:click={async () => {
@@ -61,7 +61,7 @@
   {$locale().debug.clearLocalStorage.hint2}
 </SettingHint>
 
-<p />
+<p></p>
 
 Custom CSS
-<textarea bind:value={$settings.displayCustomCSS} />
+<textarea bind:value={$settings.displayCustomCSS}></textarea>
diff --git a/src/lib/Settings/Categories/Display.svelte b/src/lib/Settings/Categories/Display.svelte
index 8617e74d..ebbaf6e7 100644
--- a/src/lib/Settings/Categories/Display.svelte
+++ b/src/lib/Settings/Categories/Display.svelte
@@ -85,7 +85,7 @@
 <SettingHint lineBreak>
   Media where either the next episode's release date is unknown or the chapter count could not be
   resolved is considered unresolved.
-  <p />
+  <p></p>
   <span>
     Additionally, you hard exclude specific media from <a href={root('/')}>due.moe</a> on AniList.
     To exclude any media from being included in <b>any</b> <a href={root('/')}>due.moe</a>
@@ -107,7 +107,7 @@
   </span>
 </SettingHint>
 
-<p />
+<p></p>
 
 <b>{$locale().settings.display.categories.hidePanels}</b><br />
 <SettingCheckboxToggle
@@ -160,7 +160,7 @@
   }}
 />
 
-<p />
+<p></p>
 
 <b>{$locale().settings.display.categories.motionAndAccessibility.title}</b><br />
 <SettingCheckboxToggle
@@ -200,7 +200,7 @@
   </button>
 {/if}
 
-<p />
+<p></p>
 
 <SettingCheckboxToggle
   setting="displayAniListNotifications"
@@ -227,7 +227,7 @@
   </SettingHint>
 </SettingCheckboxToggle>
 
-<p />
+<p></p>
 
 <b>{$locale().settings.display.categories.dateAndTime.title}</b><br />
 <SettingCheckboxToggle
@@ -247,7 +247,7 @@
   text={$locale().settings.display.categories.dateAndTime.fields.abbreviateCountdown}
 />
 
-<p />
+<p></p>
 
 <SettingCheckboxToggle
   setting="displayDisableLastActivityWarning"
@@ -262,7 +262,7 @@
   </SettingHint>
 </SettingCheckboxToggle>
 
-<p />
+<p></p>
 
 <b>Show lists with media covers instead of text</b><br />
 <SettingCheckboxToggle setting="displayCoverModeAnime" text="Anime" lineBreak={false} />
@@ -298,7 +298,7 @@
   <br />
 {/if}
 
-<p />
+<p></p>
 
 <b>List sort & filter</b><br />
 <select bind:value={$settings.displayAnimeSort}>
@@ -364,7 +364,7 @@ Anime sort order
   <br />
 {/if}
 
-<p />
+<p></p>
 
 <select bind:value={$settings.displayOutboundLinksTo}>
   <option value="anilist">AniList</option>
diff --git a/src/lib/Settings/Categories/SettingSync.svelte b/src/lib/Settings/Categories/SettingSync.svelte
index 937ec31d..9fd01b0e 100644
--- a/src/lib/Settings/Categories/SettingSync.svelte
+++ b/src/lib/Settings/Categories/SettingSync.svelte
@@ -48,7 +48,7 @@
   <SettingHint lineBreak>
     {$locale().settings.settingsSync.buttons.pull.hint}
   </SettingHint>
-  <p />
+  <p></p>
   <button
     on:click={() => {
       $settings.settingsSync = true;
@@ -106,7 +106,7 @@
     {$locale().settings.settingsSync.buttons.delete}
   </button>
 
-  <p />
+  <p></p>
 
   <b>Last Push</b>: {$locale().dateFormatter($settingsSyncTimes.lastPush)}
   <br />
diff --git a/src/lib/Settings/Category.svelte b/src/lib/Settings/Category.svelte
index a5b3e211..5771e8eb 100644
--- a/src/lib/Settings/Category.svelte
+++ b/src/lib/Settings/Category.svelte
@@ -14,5 +14,5 @@
 </details>
 
 {#if newLine}
-  <p />
+  <p></p>
 {/if}
diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte
index 6a16edec..16741cef 100644
--- a/src/lib/Settings/SettingCheckboxToggle.svelte
+++ b/src/lib/Settings/SettingCheckboxToggle.svelte
@@ -79,5 +79,5 @@
 {/if}
 
 {#if sectionBreak}
-  <p />
+  <p></p>
 {/if}
diff --git a/src/lib/Settings/SettingToggle.svelte b/src/lib/Settings/SettingToggle.svelte
index bacb43c3..ac494e44 100644
--- a/src/lib/Settings/SettingToggle.svelte
+++ b/src/lib/Settings/SettingToggle.svelte
@@ -31,5 +31,5 @@
 <br />
 
 {#if sectionBreak}
-  <p />
+  <p></p>
 {/if}
diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte
index db9f3839..e4ad6332 100644
--- a/src/lib/Tools/ActivityHistory/Grid.svelte
+++ b/src/lib/Tools/ActivityHistory/Grid.svelte
@@ -55,7 +55,7 @@
         title={`Date: ${new Date(activity.date * 1000).toLocaleDateString()}\nAmount: ${
           activity.amount
         }`}
-      />
+      ></div>
     {/each}
   </div>
 {/if}
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte
index b6e66a5e..fda912e7 100644
--- a/src/lib/Tools/ActivityHistory/Tool.svelte
+++ b/src/lib/Tools/ActivityHistory/Tool.svelte
@@ -79,18 +79,18 @@
       <div class="card">
         <ActivityHistoryGrid {user} />
 
-        <p />
+        <p></p>
 
-        <div id="grid-final" />
+        <div id="grid-final"></div>
 
         {#if generated}
-          <p />
+          <p></p>
         {/if}
 
         <button on:click={screenshot}>Generate grid image</button>
       </div>
 
-      <p />
+      <p></p>
 
       <details open>
         <summary>Days in risk of developing an activity history hole</summary>
diff --git a/src/lib/Tools/DumpProfile.svelte b/src/lib/Tools/DumpProfile.svelte
index 45d4ffc9..0d38d857 100644
--- a/src/lib/Tools/DumpProfile.svelte
+++ b/src/lib/Tools/DumpProfile.svelte
@@ -36,7 +36,7 @@
     <pre>{JSON.stringify(dump, null, 2)}</pre>
 
     {#if decoded && (dump.about || '').includes('[](json')}
-      <p />
+      <p></p>
 
       <pre>{JSON.stringify(decoded, null, 2).replaceAll(/\\n/g, '\n')}</pre>
     {/if}
diff --git a/src/lib/Tools/EpisodeDiscussionCollector.svelte b/src/lib/Tools/EpisodeDiscussionCollector.svelte
index b14c655b..840ce410 100644
--- a/src/lib/Tools/EpisodeDiscussionCollector.svelte
+++ b/src/lib/Tools/EpisodeDiscussionCollector.svelte
@@ -54,7 +54,7 @@
       </p>
     {/await}
   {:else}
-    <p />
+    <p></p>
 
     Enter a username to search for to continue.
   {/if}
diff --git a/src/lib/Tools/Hayai.svelte b/src/lib/Tools/Hayai.svelte
index 1790af53..07b666e9 100644
--- a/src/lib/Tools/Hayai.svelte
+++ b/src/lib/Tools/Hayai.svelte
@@ -90,13 +90,13 @@
     )}
   </small>
 
-  <p />
+  <p></p>
 
   {@html applyBionicReadingToString(
     `After selecting an EPUB file, 早い will apply a bionic reading filter over any and all words, and return the newly created "bionic" EPUB file.`
   )}
 
-  <p />
+  <p></p>
 
   <input type="file" id="epub-file" accept=".epub" on:change={handleFileUpload} />
 </div>
diff --git a/src/lib/Tools/InputTemplate.svelte b/src/lib/Tools/InputTemplate.svelte
index 72e2f807..f83a4ffa 100644
--- a/src/lib/Tools/InputTemplate.svelte
+++ b/src/lib/Tools/InputTemplate.svelte
@@ -64,7 +64,7 @@
   {#if submission !== ''}
     <slot />
   {:else}
-    <p />
+    <p></p>
 
     {prompt}
   {/if}
diff --git a/src/lib/Tools/RandomFollower.svelte b/src/lib/Tools/RandomFollower.svelte
index acb5a33a..25375d31 100644
--- a/src/lib/Tools/RandomFollower.svelte
+++ b/src/lib/Tools/RandomFollower.svelte
@@ -21,7 +21,7 @@
   {:then users}
     {@const user = users[Math.floor(randomSeed * users.length)]}
 
-    <p />
+    <p></p>
 
     <a href={`https://anilist.co/user/${user.id}`} target="_blank">
       <TextSwap text={user.name} />
diff --git a/src/lib/Tools/SequelCatcher/List.svelte b/src/lib/Tools/SequelCatcher/List.svelte
index 0bf087ea..64f4f88c 100644
--- a/src/lib/Tools/SequelCatcher/List.svelte
+++ b/src/lib/Tools/SequelCatcher/List.svelte
@@ -30,7 +30,7 @@ paused)
 <input type="checkbox" bind:checked={includeSideStories} /> Include side stories (e.g., OVAs,
 specials, etc.)
 
-<p />
+<p></p>
 
 <ol class="media-list">
   {#each filterRelations( mediaListUnchecked.filter((media) => media.mediaListEntry?.status === 'COMPLETED'), includeSideStories ) as { media, unwatchedRelations }}
diff --git a/src/lib/Tools/SequelCatcher/Tool.svelte b/src/lib/Tools/SequelCatcher/Tool.svelte
index a954b4d7..4038c04e 100644
--- a/src/lib/Tools/SequelCatcher/Tool.svelte
+++ b/src/lib/Tools/SequelCatcher/Tool.svelte
@@ -71,7 +71,7 @@
       <Message message="" loader="ripple" slot withReload fullscreen>Error fetching media.</Message>
     {/await}
 
-    <p />
+    <p></p>
 
     <blockquote style="margin: 0 0 0 1.5rem;">
       Thanks to <Username username="sevengirl" /> and <Username username="esthereae" /> for the idea!
diff --git a/src/lib/Tools/SequelSpy/Tool.svelte b/src/lib/Tools/SequelSpy/Tool.svelte
index caec4a46..8a289105 100644
--- a/src/lib/Tools/SequelSpy/Tool.svelte
+++ b/src/lib/Tools/SequelSpy/Tool.svelte
@@ -54,7 +54,7 @@
       <Prequels {currentPrequels} />
     {/await}
 
-    <p />
+    <p></p>
 
     The count ratio is the number of episodes you've seen of any direct prequels, and the total
     number of episodes of all direct prequels.
diff --git a/src/lib/Tools/Tracker/Tool.svelte b/src/lib/Tools/Tracker/Tool.svelte
index 8906e72d..a7b6da10 100644
--- a/src/lib/Tools/Tracker/Tool.svelte
+++ b/src/lib/Tools/Tracker/Tool.svelte
@@ -76,7 +76,7 @@
   <input type="number" placeholder="Progress (defaults to 0)" bind:value={progress} />
   <button class="button-lined" on:click={() => addEntry(url, title, progress)}> Add </button>
 
-  <p />
+  <p></p>
 
   {#if masterList === null}
     <Message message="Loading entries ..." />
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index 0d2d6292..64e4e2ea 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -905,10 +905,10 @@
     {/if}
     <div class="list">
       <div class:card={generated}>
-        <div id="wrapped-final" />
+        <div id="wrapped-final"></div>
 
         {#if generated}
-          <p />
+          <p></p>
 
           <blockquote style="margin: 0 0 0 1.5rem;">
             Click on the image to download, or right click and select "Save Image As...".
@@ -917,7 +917,7 @@
       </div>
 
       {#if generated}
-        <p />
+        <p></p>
       {/if}
 
       <div id="options" class="card">
diff --git a/src/lib/User/BadgeWall/AWC.svelte b/src/lib/User/BadgeWall/AWC.svelte
index 1cf82a1b..49431494 100644
--- a/src/lib/User/BadgeWall/AWC.svelte
+++ b/src/lib/User/BadgeWall/AWC.svelte
@@ -72,7 +72,7 @@
               {group.group}
             </summary>
 
-            <p />
+            <p></p>
 
             <div class="badges">
               {#each group.badges as badge, index}
@@ -92,7 +92,7 @@
             </div>
           </details>
 
-          <p />
+          <p></p>
         {/each}
       {/if}
     {/await}
diff --git a/src/lib/User/BadgeWall/BadgePreview.svelte b/src/lib/User/BadgeWall/BadgePreview.svelte
index d2d90585..c15ecd52 100644
--- a/src/lib/User/BadgeWall/BadgePreview.svelte
+++ b/src/lib/User/BadgeWall/BadgePreview.svelte
@@ -115,7 +115,7 @@
           </a>
         </div>
 
-        <p />
+        <p></p>
       {/if}
     </div>
 
@@ -124,7 +124,7 @@
         {$locale().dateFormatter(databaseTimeToDate(selectedBadge.time))}
 
         {#if (selectedBadge.designer || selectedBadge.source || selectedBadge.post) && !selectedBadge.description}
-          <p />
+          <p></p>
         {:else if selectedBadge.description}
           <br />
         {/if}
@@ -133,7 +133,7 @@
       {#if selectedBadge.description}
         {selectedBadge.description}
 
-        <p />
+        <p></p>
       {/if}
 
       {#if selectedBadge.designer}
diff --git a/src/lib/User/BadgeWall/Badges.svelte b/src/lib/User/BadgeWall/Badges.svelte
index b233d0c3..9bc213f8 100644
--- a/src/lib/User/BadgeWall/Badges.svelte
+++ b/src/lib/User/BadgeWall/Badges.svelte
@@ -36,7 +36,7 @@
   <details open={categoryFilter ? categoryFilter === category : true}>
     <summary>{category}</summary>
 
-    <p />
+    <p></p>
 
     <div class="badges">
       {#each badges as badge}
@@ -93,6 +93,6 @@
   </details>
 
   {#if groupedBadges[groupedBadges.length - 1][0] !== category}
-    <p />
+    <p></p>
   {/if}
 {/each}