feat: disabled close on swipe (#131)

Author: hmbanan666

apps/storefront-telegram/app/components/CitySelector.vue

@@ -49,6 +49,7 @@ watch(selectedCities, () => {
   }
 
   cityStore.selected = cityStore.cities.find((c) => c.id === selectedCities.value[0])
+  selectedCities.value = []
   isCitySelectOpened.value = false
 })
 </script>

apps/storefront-telegram/app/components/UserPointsCard.vue

@@ -64,6 +64,9 @@
       <UProgress
         v-model="progress"
         color="primary"
+        :ui="{
+          base: 'bg-primary/10',
+        }"
       />
     </div>
   </div>

apps/storefront-telegram/app/pages/user.vue

@@ -25,11 +25,25 @@
           label="Мои адреса"
           icon="i-lucide-map-pin-house"
         />
+        <UButton
+          color="neutral"
+          variant="ghost"
+          label="Мои данные"
+          icon="i-lucide-user"
+        />
+        <UButton
+          color="neutral"
+          variant="ghost"
+          :label="cityStore.selected ? cityStore.selected.name : 'Выбрать город'"
+          icon="i-lucide-locate-fixed"
+          @click="cityStore.selected = undefined"
+        />
       </UButtonGroup>
     </div>
   </PageContainer>
 </template>
 
 <script setup lang="ts">
 const clientStore = useClientStore()
+const cityStore = useCityStore()
 </script>

apps/storefront-telegram/app/utils/init.ts

@@ -3,6 +3,7 @@ import {
   bindThemeParamsCssVars,
   bindViewportCssVars,
   closingBehavior,
+  disableVerticalSwipes,
   emitEvent,
   exitFullscreen,
   init as initSDK,
@@ -85,6 +86,11 @@ export async function init(options: {
     closingBehavior.enableConfirmation()
   }
 
+  // Disable vertical swipes to prevent app close
+  if (disableVerticalSwipes.isAvailable()) {
+    disableVerticalSwipes()
+  }
+
   // Orientation lock
   postEvent('web_app_toggle_orientation_lock', {
     locked: true,