Add zoom ability

2025-06-01 23:50:01 +03:30
parent 0eebe20c30
commit 5dedfc2f35
1 changed files with 11 additions and 6 deletions
@@ -57,12 +57,17 @@ const changeSlide = (id: number) => {
                    name="zoom"
                    mode="out-in"
                >
-                    <NuxtImg
-                        :key="selectedSlideDetail.id"
-                        class="size-full absolute object-contain"
-                        :src="selectedSlideDetail.image"
-                        :alt="selectedSlideDetail.name"
-                    />
+                    <div :key="selectedSlideDetail.id">
+                        <vue-image-zoomer
+                            class="size-full absolute object-contain"
+                            :show-message="false"
+                            :show-message-touch="false"
+                            click-message="برای مشاهده کلیک کنید"
+                            hover-message="برای مشاهده موس را وارد عکس کنید"
+                            :regular="selectedSlideDetail.image"
+                            :alt="selectedSlideDetail.name"
+                        />
+                    </div>
                </Transition>
            </div>