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

app.config.ts

@@ -1,20 +0,0 @@
-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',
-      },
-    },
-  },
-})

pages/product/[id].vue

@@ -1,37 +1,41 @@
 <template>
   <div ref="target" class="product">
-    <UDrawer
+    <ProductImages v-if="isMobile" />
-      v-if="isMobile"
-      v-model:open="open"
-      style="overflow-y: hidden"
-      class="product__drawer"
-    >
-      <ProductImages />
 
-      <div class="product-info">
+    <div v-if="isMobile" class="product-info">
-        <div class="product-info__title">
+      <div class="product-info__title">
-          <ProductPrice :price="currentVariant?.options[0]?.price || 0" />
+        <ProductPrice :price="currentVariant?.options[0]?.price || 0" />
 
-          <div>
+        <div>
-            фотомодель
+          фотомодель
-          </div>
-        </div>
-
-        <h1>
-          {{ productsData?.name }}
-        </h1>
-
-        <div class="mt20">
-          <UButton
-            icon="lucide:shopping-cart"
-            class="justify-content-center w-100 d-flex"
-            label="Добавить"
-            size="xl"
-            @click="open = !open"
-          />
         </div>
       </div>
 
+      <h1>
+        {{ productsData?.name }}
+      </h1>
+
+      <div class="mt20">
+        <UButton
+          icon="lucide:shopping-cart"
+          class="justify-content-center w-100 d-flex"
+          label="Добавить"
+          size="xl"
+          @click="open = !open"
+        />
+      </div>
+    </div>
+
+    <UDrawer
+      v-if="isMobile"
+      v-model:open="open"
+      class="product__drawer"
+      :ui="{
+        content: 'fixed bg-default ring ring-default flex focus:outline-none overflow-hidden',
+        container: 'w-full flex flex-col gap-4 p-4 overflow-hidden',
+        body: 'flex-1 overflow-y-auto',
+      }"
+    >
       <template #body>
         <ProductDescription />
       </template>