карты пвз

pages/cart.vue

@@ -9,7 +9,7 @@
       </div>
     </div>
 
-    <PayBlock />
+    <PayBlock :is-summary="true" />
   </div>
 </template>
 
@@ -18,7 +18,7 @@ import { useCart } from '~/composables'
 import PayBlock from '../components/PayBlock.vue'
 
 const route = useRoute()
-const { cart } = useCart()
+const { cart, cartRemoveAllItems } = useCart()
 const { checkoutContacts, checkoutPickupPoint } = useCheckout()
 
 onMounted(async () => {
@@ -46,6 +46,8 @@ onMounted(async () => {
       status: 'processing',
     },
   })
+
+  cartRemoveAllItems()
 })
 </script>
 
@@ -63,6 +65,7 @@ onMounted(async () => {
   @include mobile {
     margin-top: 20px;
     flex-direction: column;
+    padding-inline: 16px;
   }
 
   &__items {

pages/checkout/contacts.vue

@@ -1,5 +1,5 @@
 <template>
-  <form class="contacts" @submit.prevent="onSubmit">
+  <form v-if="checkoutContacts" class="contacts" @submit.prevent="onSubmit">
     <div>
       <UInput
         id="name"
@@ -138,7 +138,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useCheckout } from '../../composables/useCheckout'
+import { useCheckout } from '~/composables/useCheckout'
 
 const { checkoutContacts, setCheckoutContacts, nextStep } = useCheckout()
 
@@ -199,11 +199,17 @@ definePageMeta({
 </script>
 
 <style lang="scss">
+@use '~/assets/scss/utils' as *;
+
 .contacts {
   margin-inline: auto;
   max-width: 400px;
   display: flex;
   flex-direction: column;
   gap: 16px;
+
+  @include mobile {
+    padding-inline: 10px;
+  }
 }
 </style>

pages/checkout/summary.vue

@@ -58,7 +58,9 @@
       </div>
     </div>
 
-    <PayBlock pay />
+    <ClientOnly>
+      <PayBlock pay :is-summary="true" />
+    </ClientOnly>
   </div>
 </template>
 
@@ -85,10 +87,18 @@ definePageMeta({
   flex-direction: row;
   justify-content: space-between;
 
+  @include mobile {
+    flex-direction: column;
+  }
+
   &__info {
     display: flex;
     flex-direction: column;
     gap: 16px;
+
+    @include mobile {
+      margin-bottom: 26px;
+    }
   }
 
   &__items {