карты пвз

composables/useCheckout.ts

@@ -1,9 +1,10 @@
 import type { PickupPoint } from '~/server/shared/types/yandex_pvz'
-import { createSharedComposable, useStorage } from '@vueuse/core'
+import { createSharedComposable, useMediaQuery, useStorage } from '@vueuse/core'
 
 export const useCheckout = createSharedComposable(() => {
   const router = useRouter()
   const route = useRoute()
+  const isMobile = useMediaQuery('(max-width: 1280px)')
 
   const checkoutPickupPoint = useStorage<PickupPoint | undefined>(
     'checkout-pickupPoint',
@@ -32,15 +33,15 @@ export const useCheckout = createSharedComposable(() => {
   const checkoutSteps = [
     {
       step: 1,
-      title: 'delivery',
+      title: isMobile.value ? 'mobileDelivery' : 'delivery',
     },
     {
       step: 2,
-      title: 'contacts',
+      title: isMobile.value ? 'mobileContacts' : 'contacts',
     },
     {
       step: 3,
-      title: 'summary',
+      title: isMobile.value ? 'mobileSummary' : 'summary',
     },
   ]
 
@@ -48,7 +49,7 @@ export const useCheckout = createSharedComposable(() => {
     = ref(checkoutSteps.find(value => value.title === route.path.split('/').pop()) || checkoutSteps[0])
 
   function previewStep() {
-    if (isPickupPointSelected.value) {
+    if (isPickupPointSelected.value && !isMobile.value) {
       setCheckoutPickupPoint(undefined)
       return
     }