modal

front/components/getImage.vue

@@ -17,16 +17,18 @@ watch(imagesStore, () => {
 <template>
     <template v-if="img.status == 'success'">
         <template v-if="props.type == 'img'">
-            <NuxtImg :src="img.result" />
+            <a href="#" @click.prevent="openImage">
+                <NuxtImg :src="img.result" />
+            </a>
         </template>
         <template v-else>
             <a href="#" @click.prevent="openImage">
                 <Icon name="i-mdi-image" />
             </a>
-            <UModal v-model="isOpen" :ui="{ width: 'w-full', }">
-                <img :src="img.result" />
-            </UModal>
         </template>
+        <UModal v-model="isOpen" :ui="{ width: 'w-full', }">
+            <img :src="img.result" />
+        </UModal>
     </template>
     <template v-else-if="img.status == 'error'">
         <Icon name="i-mdi-close-circle-outline" />