fix: Self-closing HTML tags

themesberg · Jun 21, 2024 · 79c3838 · 79c3838
1 parent 74d6601
commit 79c3838
Show file tree

Hide file tree

Showing 64 changed files with 101 additions and 101 deletions.
diff --git a/src/lib/Section.svelte b/src/lib/Section.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
   import { twMerge } from 'tailwind-merge';
   export let sectionClass: string = 'relative py-6 sm:py-10';
-  export let name: 'advancedTable'|'blog' | 'comment' |'cta' | 'ctawithimg' | 'contact' | 'content' | 'contentwithimg' | 'crudcreatedrawer' | 'crudcreateform' | 'crudreadsection' | 'default' | 'faq' | 'feature' | 'forgotpassword' | 'headingwithctabutton' | 'heroDefault' | 'heroVisual' | 'login' | 'logos' | 'maintenance' | 'newsletter' | 'none' | 'page500' | 'page404' | 'portfolio' | 'pricing' | 'register' | 'reset' | 'schedule' | 'social' | 'tableheader' | 'team' | 'testimonial' = 'default';
+  export let name: 'advancedTable' | 'blog' | 'comment' | 'cta' | 'ctawithimg' | 'contact' | 'content' | 'contentwithimg' | 'crudcreatedrawer' | 'crudcreateform' | 'crudreadsection' | 'default' | 'faq' | 'feature' | 'forgotpassword' | 'headingwithctabutton' | 'heroDefault' | 'heroVisual' | 'login' | 'logos' | 'maintenance' | 'newsletter' | 'none' | 'page500' | 'page404' | 'portfolio' | 'pricing' | 'register' | 'reset' | 'schedule' | 'social' | 'tableheader' | 'team' | 'testimonial' = 'default';
   const sectionClasses = {
-    advancedTable:{
+    advancedTable: {
       div: 'mx-auto max-w-screen-xl px-4 lg:px-12'
     },
     blog: {
       div: 'py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6'
     },
     blogTemplate: {
-      div:'flex justify-between px-4 mx-auto max-w-screen-xl'
-    }, 
+      div: 'flex justify-between px-4 mx-auto max-w-screen-xl'
+    },
     comment: {
       div: 'max-w-2xl mx-auto px-4'
     },
@@ -111,7 +111,7 @@
 
 <section class={twMerge(sectionClass, $$props.classSection)}>
   <div class={twMerge(sectionClasses[name]['div'], $$props.classDiv)}>
-    <slot />
+    <slot></slot>
   </div>
 </section>
 

diff --git a/src/lib/acount-recovery/ForgotPassword.svelte b/src/lib/acount-recovery/ForgotPassword.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/acount-recovery/ForgotPasswordHeader.svelte b/src/lib/acount-recovery/ForgotPasswordHeader.svelte
@@ -9,7 +9,7 @@
 
 <a {href} class={twMerge(aClass, $$props.class)}>
   <img class={twMerge(imgClass, $$props.classImg)} {src} {alt} />
-  <slot />
+  <slot></slot>
 </a>
 
 <!--

diff --git a/src/lib/banner/Banner.svelte b/src/lib/banner/Banner.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <div {id} tabindex="-1" class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/blog-template/BlogTemplate.svelte b/src/lib/blog-template/BlogTemplate.svelte
@@ -58,7 +58,7 @@
   <p class="lead">{blog.lead}</p>
   {/if}
   {@html blog.content}
-  <slot />
+  <slot></slot>
 </article>
 
 <!--

diff --git a/src/lib/blog/ArticleAuthor.svelte b/src/lib/blog/ArticleAuthor.svelte
@@ -6,9 +6,9 @@
 
 <div class={twMerge(authorDiv, $$props.class)}>
   <div class={twMerge(authorImgDiv, $$props.classAuthorImgDiv)}>
-    <slot name="author" />
+    <slot name="author"></slot>
   </div>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/blog/ArticleBody.svelte b/src/lib/blog/ArticleBody.svelte
@@ -4,10 +4,10 @@
 </script>
 
 {#if $$slots.h2}
-  <h2 class={twMerge(h2Class, $$props.class)}><slot name="h2" /></h2>
+  <h2 class={twMerge(h2Class, $$props.class)}><slot name="h2"></slot></h2>
 {/if}
 {#if $$slots.paragraph}
-  <slot name="paragraph" />
+  <slot name="paragraph"></slot>
 {/if}
 
 <!--

diff --git a/src/lib/blog/ArticleHead.svelte b/src/lib/blog/ArticleHead.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/blog/ArticleWrapper.svelte b/src/lib/blog/ArticleWrapper.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <article class={twMerge(articleClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </article>
 
 <!--

diff --git a/src/lib/blog/BlogBodyWrapper.svelte b/src/lib/blog/BlogBodyWrapper.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/blog/BlogHead.svelte b/src/lib/blog/BlogHead.svelte
@@ -6,10 +6,10 @@
 
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h2}
-    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2" /></h2>
+    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2"></slot></h2>
   {/if}
   {#if $$slots.paragraph}
-    <slot name="paragraph" />
+    <slot name="paragraph"></slot>
   {/if}
 </div>
 

diff --git a/src/lib/comment/Comment.svelte b/src/lib/comment/Comment.svelte
@@ -13,7 +13,7 @@
   <h2 class="{h2Cls}">{title}</h2>
 </div>
 
-<slot />
+<slot></slot>
 
 <!--
 @component

diff --git a/src/lib/contact/Contact.svelte b/src/lib/contact/Contact.svelte
@@ -6,15 +6,15 @@
 
 {#if $$slots.h2}
   <h2 class={twMerge(h2Class, $$props.class)}>
-    <slot name="h2" />
+    <slot name="h2"></slot>
   </h2>
 {/if}
 {#if $$slots.paragraph}
   <p class={twMerge(pClass, $$props.classP)}>
-    <slot name="paragraph" />
+    <slot name="paragraph"></slot>
   </p>
 {/if}
-<slot />
+<slot></slot>
 
 <!--
 @component

diff --git a/src/lib/content/Content.svelte b/src/lib/content/Content.svelte
@@ -6,9 +6,9 @@
 
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h2}
-    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2" /></h2>
+    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2"></slot></h2>
   {/if}
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/content/ContentWithImage.svelte b/src/lib/content/ContentWithImage.svelte
@@ -7,13 +7,13 @@
 
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h2}
-    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2" /></h2>
+    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2"></slot></h2>
   {/if}
-  <slot />
+  <slot></slot>
 </div>
 {#if $$slots.image}
   <div class={twMerge(imgDivClass, $$props.classImgDiv)}>
-    <slot name="image" />
+    <slot name="image"></slot>
   </div>
 {/if}
 

diff --git a/src/lib/cta/Cta.svelte b/src/lib/cta/Cta.svelte
@@ -26,9 +26,9 @@
 {/if}
 <div class={twMerge(ctaClasses[ctatype]['divClass'], $$props.class)}>
   {#if $$slots.h2}
-    <h2 class={twMerge(ctaClasses[ctatype]['h2Class'], $$props.classH2)}><slot name="h2" /></h2>
+    <h2 class={twMerge(ctaClasses[ctatype]['h2Class'], $$props.classH2)}><slot name="h2"></slot></h2>
   {/if}
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/faq/Faq.svelte b/src/lib/faq/Faq.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/faq/FaqItem.svelte b/src/lib/faq/FaqItem.svelte
@@ -10,7 +10,7 @@
     <QuestionCircleSolid size="sm" class="mr-2" />
     <slot name="h3" />
   </h3>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/feature/FeatureDefault.svelte b/src/lib/feature/FeatureDefault.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/header/Navigation.svelte b/src/lib/header/Navigation.svelte
@@ -7,7 +7,7 @@
 <header>
   <nav {...$$restProps} class={twMerge(navClass, $$props.class)}>
     <div class={twMerge(divClass, $$props.divClass)}>
-      <slot />
+      <slot></slot>
     </div>
   </nav>
 </header>

diff --git a/src/lib/hero/HeroBody.svelte b/src/lib/hero/HeroBody.svelte
@@ -12,7 +12,7 @@
     <span class="font-semibold text-gray-400 uppercase"><slot name="head" /></span>
   {/if}
 
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/hero/HeroHeader.svelte b/src/lib/hero/HeroHeader.svelte
@@ -12,14 +12,14 @@
     </h1>
   {/if}
   {#if $$slots.h2}
-    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2" /></h2>
+    <h2 class={twMerge(h2Class, $$props.classH2)}><slot name="h2"></slot></h2>
   {/if}
   {#if $$slots.paragraph}
     <p class={twMerge(pClass, $$props.classP)}>
       <slot name="paragraph" />
     </p>
   {/if}
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/hero/News.svelte b/src/lib/hero/News.svelte
@@ -7,7 +7,7 @@
 </script>
 
 <a {href} {...$$restProps} class={twMerge('inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-gray-700 bg-gray-100 rounded-full dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700', classA)}>
-  <slot />
+  <slot></slot>
   <svelte:component this={ChevronRightOutline} size="xs" class={twMerge('ml-2', $$props.class)} />
 </a>
 

diff --git a/src/lib/newsletter/Newsletter.svelte b/src/lib/newsletter/Newsletter.svelte
@@ -7,10 +7,10 @@
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h2}
     <h2 class={twMerge(h2Class, $$props.classH2)}>
-      <slot name="h2" />
+      <slot name="h2"></slot>
     </h2>
   {/if}
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/page404/Page404.svelte b/src/lib/page404/Page404.svelte
@@ -6,10 +6,10 @@
 
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h1}
-    <h1 class={twMerge(h1Class, $$props.classH1)}><slot name="h1" /></h1>
+    <h1 class={twMerge(h1Class, $$props.classH1)}><slot name="h1"></slot></h1>
   {/if}
   {#if $$slots.paragraph}
-    <slot name="paragraph" />
+    <slot name="paragraph"></slot>
   {/if}
 </div>
 

diff --git a/src/lib/page500/Page500.svelte b/src/lib/page500/Page500.svelte
@@ -6,10 +6,10 @@
 
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h1}
-    <h1 class={twMerge(h1Class, $$props.classH1)}><slot name="h1" /></h1>
+    <h1 class={twMerge(h1Class, $$props.classH1)}><slot name="h1"></slot></h1>
   {/if}
   {#if $$slots.paragraph}
-    <slot name="paragraph" />
+    <slot name="paragraph"></slot>
   {/if}
 </div>
 

diff --git a/src/lib/popup/Popup.svelte b/src/lib/popup/Popup.svelte
@@ -8,7 +8,7 @@
 <div id="info-popup" tabindex="-1" class={twMerge(outerDivClass, $$props.class)}>
   <div class={innerDivClass}>
     <div class={contentDivClass}>
-      <slot />
+      <slot></slot>
     </div>
   </div>
 </div>

diff --git a/src/lib/portfolio/Portfolio.svelte b/src/lib/portfolio/Portfolio.svelte
@@ -19,7 +19,7 @@
 </div>
 
 <div class={bodyDivClasss}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/portfolio/PortfolioItem.svelte b/src/lib/portfolio/PortfolioItem.svelte
@@ -36,7 +36,7 @@
       <path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd" />
     </svg>
   </a>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/pricing/PricingBodyHead.svelte b/src/lib/pricing/PricingBodyHead.svelte
@@ -6,16 +6,16 @@
 </script>
 
 {#if $$slots.h3}
-  <h3 class={twMerge(h3Class, $$props.class)}><slot name="h3" /></h3>
+  <h3 class={twMerge(h3Class, $$props.class)}><slot name="h3"></slot></h3>
 {/if}
 {#if $$slots.paragraph}
   <p class={twMerge(pClass, $$props.classP)}>
-    <slot name="paragraph" />
+    <slot name="paragraph"></slot>
   </p>
 {/if}
 {#if $$slots.price}
   <div class={twMerge(priceClass, $$props.classPrice)}>
-    <slot name="price" />
+    <slot name="price"></slot>
   </div>
 {/if}
 

diff --git a/src/lib/pricing/PricingCard.svelte b/src/lib/pricing/PricingCard.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>
-  <slot />
+  <slot></slot>
 </div>
 
 <!--

diff --git a/src/lib/pricing/PricingHead.svelte b/src/lib/pricing/PricingHead.svelte
@@ -8,12 +8,12 @@
 <div class={twMerge(divClass, $$props.class)}>
   {#if $$slots.h2}
     <h2 class={twMerge(h2Class, $$props.classH2)}>
-      <slot name="h2" />
+      <slot name="h2"></slot>
     </h2>
   {/if}
   {#if $$slots.paragraph}
     <p class={twMerge(pClass, $$props.classP)}>
-      <slot name="paragraph" />
+      <slot name="paragraph"></slot>
     </p>
   {/if}
 </div>

diff --git a/src/lib/pricing/PricingItem.svelte b/src/lib/pricing/PricingItem.svelte
@@ -6,7 +6,7 @@
 
 <li class={liClass}>
   <svelte:component this={CheckCircleSolid} size="sm" class={twMerge('ml-2', $$props.class)} />
-  <slot />
+  <slot></slot>
 </li>
 
 <!--
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ @@
         <span class="font-semibold text-gray-400 uppercase"><slot name="head" /></span>
       {/if}
-      <slot />
+      <slot></slot>
     </div>
     <!--
@@ Expand Down @@