карты пвз

components/PvzMap.vue

@@ -84,8 +84,9 @@ import {
 
 const props = defineProps<{ modelValue: PickupPoint, pickupPoints: PickupPoint[] }>()
 
-defineEmits<{
+const emit = defineEmits<{
   (e: 'update:modelValue', value: PickupPoint | undefined): void
+  (e: 'activeTab', value: string): void
 }>()
 
 const { coords } = useGeolocation()
@@ -99,7 +100,7 @@ const tabs = computed<TabsItem[]>(() =>
   [
     {
       value: 'map',
-      label: activeTab.value === 'map' || activeTab.value === undefined ? 'Карта' : '',
+      label: activeTab.value === 'map' ? 'Карта' : '',
       icon: 'lucide:map-pin',
       slot: 'map' as const,
     },
@@ -135,6 +136,10 @@ watch(() => props.modelValue, (newPickupPoint) => {
     duration: 500,
   }
 })
+
+watch(() => activeTab.value, (newActiveTab) => {
+  emit('activeTab', newActiveTab)
+})
 </script>
 
 <style lang="scss" scoped>

pages/checkout/delivery.vue

@@ -25,10 +25,13 @@
       </template>
     </UDrawer>
 
+    activeTab
+    {{ activeTab }}
     <!--    Desktop Mobile -->
     <PvzMap
       v-model="checkoutPickupPoint"
       :pickup-points="filteredPoints"
+      @active-tab="value => activeTab = value"
       @update:model-value="updatePoint()"
     />
   </div>
@@ -49,6 +52,7 @@ const open = ref(false)
 const isMobile = useMediaQuery('(max-width: 1280px)')
 const yandexPvz = ref<YandexPvzResponse>()
 const searchTerm = ref('')
+const activeTab = ref()
 
 const waitForCoords = () =>
   new Promise<void>((resolve) => {