components/calcValues.vue

@@ -136,11 +136,6 @@ watch(() => form_state, changeParametres, { deep: true })
 const isModalOpen = useState('modal_open', () => false)
 const toggleModal = () => {
     isModalOpen.value = !isModalOpen.value
-    if (isModalOpen.value == true) {
-        document.body.classList.add('modal-opened')
-    } else {
-        document.body.classList.remove('modal-opened')
-    }
 }
 const goal = (target: string, params: object) => {
     const nuxtApp = useNuxtApp()

components/modal.vue

@@ -75,6 +75,13 @@ const validate = () => {
     }
 }
 watch(modal_data, validate)
+watch(isModalOpen, () => {
+    if (isModalOpen.value == true) {
+        document.body.classList.add('modal-opened')
+    } else {
+        document.body.classList.remove('modal-opened')
+    }
+})
 
 const submit = async (e: any) => {
     goal('submit_form', modal_data)
@@ -216,7 +223,8 @@ const policy = () => {
                         @keypress="validateInput" />
                     <div class="flex gap-4 justify-between items-center">
                         <input type="checkbox" id="policy" v-model="modal_data.policy" />
-                        <label for="policy">Нажимая кнопку "Отправить" Вы также даете согласие на <NuxtLink to="policy" @click="policy">обработку персональных
+                        <label for="policy">Нажимая кнопку "Отправить" Вы также даете согласие на <NuxtLink to="policy"
+                                @click="policy">обработку персональных
                                 данных</NuxtLink>.
                         </label>
                     </div>