оферта

resources/js/Components/LegalDocument.vue

@@ -4,6 +4,7 @@ defineProps({
     title: { type: String, required: true },
     description: { type: String, required: true },
     effectiveDate: { type: String, required: true },
+    intro: { type: Array, default: () => [] },
     sections: { type: Array, required: true },
 });
 </script>
@@ -30,14 +31,28 @@ defineProps({
             </aside>
 
             <article class="portal-card legal-document corners">
+                <div v-if="intro.length" class="legal-intro">
+                    <p v-for="paragraph in intro" :key="paragraph">{{ paragraph }}</p>
+                </div>
                 <section v-for="(section, index) in sections" :id="section.id" :key="section.id">
                     <span class="legal-section-number">{{ String(index + 1).padStart(2, '0') }}</span>
                     <h2 class="h-serif">{{ section.title }}</h2>
-                    <p v-for="paragraph in section.paragraphs" :key="paragraph">{{ paragraph }}</p>
-                    <ul v-if="section.items">
-                        <li v-for="item in section.items" :key="item">{{ item }}</li>
-                    </ul>
-                    <p v-if="section.note" class="legal-note">{{ section.note }}</p>
+                    <template v-if="section.blocks">
+                        <template v-for="(block, blockIndex) in section.blocks" :key="blockIndex">
+                            <p v-if="block.type === 'paragraph'">{{ block.text }}</p>
+                            <ul v-else-if="block.type === 'list'">
+                                <li v-for="item in block.items" :key="item">{{ item }}</li>
+                            </ul>
+                            <p v-else-if="block.type === 'note'" class="legal-note">{{ block.text }}</p>
+                        </template>
+                    </template>
+                    <template v-else>
+                        <p v-for="paragraph in section.paragraphs" :key="paragraph">{{ paragraph }}</p>
+                        <ul v-if="section.items">
+                            <li v-for="item in section.items" :key="item">{{ item }}</li>
+                        </ul>
+                        <p v-if="section.note" class="legal-note">{{ section.note }}</p>
+                    </template>
                 </section>
             </article>
         </div>