создаю телегу товаров

assets/scss/main.scss

@@ -58,7 +58,7 @@ body {
 //swiper
 .swiper {
   width: 100%;
-  height: calc(100vh - 54px);
+  height: calc(100dvh - 54px);
 }
 
 .swiper-slide {
@@ -75,7 +75,7 @@ body {
 .swiper-slide img {
   display: block;
   width: 100%;
-  height: calc(100vh - 54px);
+  height: calc(100dvh - 54px);
   object-fit: cover;
 }
 

nuxt.config.ts

@@ -13,4 +13,14 @@ export default defineNuxtConfig({
     strategy: 'prefix_except_default',
     detectBrowserLanguage: false,
   },
+  app: {
+    head: {
+      meta: [
+        {
+          name: 'viewport',
+          content: 'width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no',
+        },
+      ],
+    },
+  },
 })

pages/product/[id].vue

@@ -5,6 +5,7 @@
       v-model:open="open"
       :class="{ animated: !isSwiping }"
       :style="{ top }"
+      :snap-points="[0.5, 1]"
     >
       <ProductImages />