From 44237a80a590cf05b91727415cb78e00ce6cb7a9 Mon Sep 17 00:00:00 2001
From: Marco La Rosa <m@lr.id.au>
Date: Sat, 26 Oct 2024 17:30:51 +1100
Subject: [PATCH] fix image zoom stuff

---
 src/index.md                 |  2 +-
 src/vue-components/Image.vue | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/index.md b/src/index.md
index c7a27e4..b196ead 100644
--- a/src/index.md
+++ b/src/index.md
@@ -241,7 +241,7 @@ layout: home
       layout="rtl"
       :panels="[
           {
-              title: 'GenerativeAI e-Discovery',
+              title: 'GenerativeAI powered e-Discovery',
               text: `
                Interrogate sets of files / folders to extract the themes and narratives that you
               might want to describe. Easily comprehend large swathes of data to find the insights
diff --git a/src/vue-components/Image.vue b/src/vue-components/Image.vue
index 773b836..c74cb25 100644
--- a/src/vue-components/Image.vue
+++ b/src/vue-components/Image.vue
@@ -1,20 +1,18 @@
 <template>
     <div class="flex flex-col items-center drop-shadow-2xl">
-        <!-- <div v-if="enableZoom">
-            <img :src="src" data-zoomable />
+        <div v-if="enableZoom">
+            <ImageZoom :src="props.src" />
             <TipComponent>Click the image for a closer look!</TipComponent>
         </div>
         <div v-else>
-            <img :src="src" />
-        </div> -->
-        <ImageZoom :src="props.src" alt="Zoom 1" />
-        <TipComponent>Click the image for a closer look!</TipComponent>
+            <img :src="props.src" />
+        </div>
     </div>
 </template>
 
 <script setup>
 import ImageZoom from "./ImageZoom.vue";
-import { onMounted, ref } from "vue";
+import { onBeforeMount, ref } from "vue";
 const props = defineProps({
     src: { type: String, required: true },
 });
@@ -22,7 +20,7 @@ const enableZoom = ref(true);
 
 // if we're on a touch device and window small - disable zoom
 //   this way we can pinch to zoom
-onMounted(() => {
+onBeforeMount(() => {
     if ("ontouchstart" in window && window.innerWidth <= 1200) {
         enableZoom.value = false;
     }