From aab24adfaf2d30232ca9fef47019fa6355a091ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=97=D0=B5=D0=BB=D0=B5=D0=BD=D1=81=D0=BA=D0=B0=D1=8F=20?=
 =?UTF-8?q?=D0=90=D0=BD=D0=B0=D1=81=D1=82=D0=B0=D1=81=D0=B8=D1=8F=20=D0=9D?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=BB=D0=B0=D0=B5=D0=B2=D0=BD=D0=B0?=
 <a.zelenskaya@svs-tech.pro>
Date: Tue, 11 Jun 2024 12:36:04 +0300
Subject: [PATCH] calculator

---
 app.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app.vue b/app.vue
index 5bf283e..9b6f0a1 100644
--- a/app.vue
+++ b/app.vue
@@ -26,10 +26,12 @@ const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clien
 const delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'delivery')
 const products = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'products')
 const advantages = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'advantages')
+const calculator = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'calculator')
 
 const aboutText = computed(() => marked.parse(about?.content || ''))
 const deliveryText = computed(() => delivery?.content.split('[col]').map(el => marked.parse(el || '')))
 const advantagesText = computed(() => advantages?.content.split('[col]').map(el => marked.parse(el || '')))
+const calculatorText = computed(() => calculator?.content.split('[col]').map(el => marked.parse(el || '')))
 
 const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`)
 const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
@@ -115,6 +117,15 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
           <span v-html="advantagesText[1]"></span>
         </div>
       </div>
+      <div class="siteblock bg-light" id="5" v-if="calculatorText">
+  <div class="container">
+    <div class="prose col-span-12 xl:col-span-6">
+        <div v-for="(number, index) in calculatorText" :key="index">
+          {{ number }}
+        </div>
+    </div>
+  </div>
+</div>
     </div>
     <div class="siteblock siteblock_imgbg bg-slate-500"
       :style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]">