remove hydr error

assets/main.scss

@@ -12,6 +12,7 @@ html {
 
 body {
     @apply select-none min-w-80 font-sans;
+
     &.modal-opened {
         @apply overflow-hidden;
     }
@@ -188,6 +189,10 @@ a[href^="#"] {
         >.container {
             @apply items-start;
         }
+
+        a[href^="tel://"] {
+            @apply whitespace-nowrap
+        }
     }
 
     &-content {

components/footer.vue

@@ -26,7 +26,7 @@ const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`so
                 <div class="col-span-12 lg:col-span-6 xl:col-span-6 mb-12 lg:mb-0">
                     <template v-for="item in footerData">
                         <div class="footer-text" v-if="!item.small_text">
-                            <template v-for="p in item.text.split('\n')">
+                            <template v-for="p in item.text.replace(/\r\n/g, '\n').split('\n')">
                                 <p v-if="p.trim().length">{{ p }}</p>
                             </template>
                         </div>

components/modal.vue

@@ -252,7 +252,8 @@ const policy = () => {
                     </template>
                 </div>
                 <div class="flex gap-4 justify-center">
-                    <button class="not-prose" @click="openForm">Отправить расчет на <nobr>e-mail</nobr></button>
+                    <button class="not-prose" @click="openForm">Отправить расчет на <span
+                            class="whitespace-nowrap">e-mail</span></button>
                 </div>
             </template>
         </div>