документы + мейл сервер

resources/js/Components/LegalDocument.vue

@@ -3,7 +3,8 @@ defineProps({
     eyebrow: { type: String, required: true },
     title: { type: String, required: true },
     description: { type: String, required: true },
-    effectiveDate: { type: String, required: true },
+    effectiveDate: { type: String, default: '' },
+    effectiveDateLabel: { type: String, default: 'Дата вступления в силу' },
     intro: { type: Array, default: () => [] },
     sections: { type: Array, required: true },
 });
@@ -15,8 +16,8 @@ defineProps({
             <span class="eyebrow">{{ eyebrow }}</span>
             <h1 class="h-display">{{ title }}</h1>
             <p class="lead">{{ description }}</p>
-            <div class="legal-effective">
-                <span>Дата вступления в силу</span>
+            <div v-if="effectiveDate" class="legal-effective">
+                <span>{{ effectiveDateLabel }}</span>
                 <strong>{{ effectiveDate }}</strong>
             </div>
         </header>
@@ -40,6 +41,7 @@ defineProps({
                     <template v-if="section.blocks">
                         <template v-for="(block, blockIndex) in section.blocks" :key="blockIndex">
                             <p v-if="block.type === 'paragraph'">{{ block.text }}</p>
+                            <h3 v-else-if="block.type === 'subheading'" class="legal-subheading">{{ block.text }}</h3>
                             <ul v-else-if="block.type === 'list'">
                                 <li v-for="item in block.items" :key="item">{{ item }}</li>
                             </ul>