From 8934277a2bc5d21bce2b5595f30c6c2ba28e8add Mon Sep 17 00:00:00 2001
From: alsaze <veselov@alfabit.com>
Date: Wed, 8 Oct 2025 22:21:35 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D1=8E=20=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D0=B3=D1=83=20=D1=82=D0=BE=D0=B2=D0=B0=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
  app.config.ts         | 20 ++++++++++++++++++++
 nuxt.config.ts         |  1 +
 pages/product/[id].vue | 10 ++++------
 3 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644  app.config.ts

diff --git a/ app.config.ts b/ app.config.ts
new file mode 100644
index 0000000..38c2327
--- /dev/null
+++ b/ app.config.ts	
@@ -0,0 +1,20 @@
+export default defineAppConfig({
+  ui: {
+    drawer: {
+      slots: {
+        overlay: 'fixed inset-0 bg-elevated/75',
+        content: 'fixed bg-default ring ring-default flex focus:outline-none',
+        handle: [
+          'shrink-0 !bg-accented',
+          'transition-opacity',
+        ],
+        container: 'w-full flex flex-col gap-4 p-4 overflow-hidden',
+        header: '',
+        title: 'text-highlighted font-semibold',
+        description: 'mt-1 text-muted text-sm',
+        body: 'flex-1 overflow-hidden',
+        footer: 'flex flex-col gap-1.5',
+      },
+    },
+  },
+})
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0d50801..b7f16f7 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  ssr: true,
   compatibilityDate: '2025-05-15',
   devtools: { enabled: true },
   modules: ['@nuxt/ui', '@nuxt/image', '@nuxt/icon', '@nuxt/fonts', '@nuxtjs/i18n'],
diff --git a/pages/product/[id].vue b/pages/product/[id].vue
index bca07ab..32a5081 100644
--- a/pages/product/[id].vue
+++ b/pages/product/[id].vue
@@ -3,15 +3,14 @@
     <UDrawer
       v-if="isMobile"
       v-model:open="open"
-      :class="{ animated: !isSwiping }"
-      :style="{ top }"
-      :snap-points="[0.5, 1]"
+      style="overflow-y: hidden"
+      class="product__drawer"
     >
       <ProductImages />
 
       <div class="product-info">
         <div class="product-info__title">
-          <ProductPrice :price="currentVariant?.options[0]?.price" />
+          <ProductPrice :price="currentVariant?.options[0]?.price || 0" />
 
           <div>
             фотомодель
@@ -55,9 +54,8 @@ const isMobile = useMediaQuery('(max-width: 1280px)')
 const open = ref(false)
 const target = shallowRef<HTMLElement | null>(null)
 const targetHeight = computed(() => target.value?.offsetHeight)
-const top = shallowRef('0')
 
-const { isSwiping, lengthY } = useSwipe(
+const { lengthY } = useSwipe(
   target,
   {
     passive: false,