Add nocomp scenario

src/layouts/coverage-statement/coverage-statement.vue

@@ -35,6 +35,18 @@
                             <priceDisplay cmsWidgetName="PriceWidgetItac" :price="cashPrice" />
                         </div>
                     </div>
+                    <div class="my-5" ref="nocomp-block">
+                        <funnelSubHeader
+                            class="mb-4"
+                            cmsWidgetName="SubHeaderWidgetNocomp"
+                            alignLeft />
+                        <textBlock cmsWidgetName="NocompHeaderWidget" fontWeight="bold" />
+                        <textBlock cmsWidgetName="NocompCopyWidget" />
+                        <priceDisplay cmsWidgetName="PriceWidgetNocomp" :price="cashPrice" class="my-4" />
+                        <afterpayBreakout
+                            cmsWidgetName="AfterpayBreakoutWidget"
+                            :totalAmount="cashPrice" />
+                    </div>
                     <saveProgressModalQuestion
                         modalWidgetName="SaveProgressModalWidget"
                         modalName="SaveProgressModal"
@@ -65,6 +77,7 @@ import saveProgressModalQuestion from "@/fmg-components/save-progress-modal-ques
 import afterpayBreakout from "../payment-method/afterpay-breakout/afterpay-breakout.vue";
 import modal from "@/digital-components/modal/modal";
 import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal.vue";
+import textBlock from "@/digital-components/text-block/text-block.vue";
 
 export default {
     name: "coverage-statement",
@@ -85,6 +98,7 @@ export default {
         saveProgressModalQuestion,
         afterpayBreakout,
         contentGroupModal,
+        textBlock,
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
     async beforeRouteEnter(to, from, next) {