v4.0.6 - Simplicity focus

src/lib/components/sections/FaqSection.svelte

@@ -8,6 +8,9 @@
   export let faqs: FaqItem[];
   export let emitSchema = true;
   export let variant: 'panel' | 'plain' = 'panel';
+  // When the host page supplies its own heading (e.g. to match a page-wide
+  // section system), suppress the built-in one but keep the schema + list.
+  export let showHeading = true;
 
   $: schemaJson = JSON.stringify({
     '@context': 'https://schema.org',
@@ -30,12 +33,14 @@
 </svelte:head>
 
 <div class:faq-section-plain={variant === 'plain'} class="faq-section">
-  <h2 class="faq-section-heading">
-    <span class="faq-section-icon"><Icon name="fas fa-circle-question" /></span>
-    {title}
-  </h2>
-  {#if intro}
-    <p class="faq-section-intro">{intro}</p>
+  {#if showHeading}
+    <h2 class="faq-section-heading">
+      <span class="faq-section-icon"><Icon name="fas fa-circle-question" /></span>
+      {title}
+    </h2>
+    {#if intro}
+      <p class="faq-section-intro">{intro}</p>
+    {/if}
   {/if}
   <div use:accordion class="faq">
     {#each faqs as faq}