From 5319f919636fd882572451740300cd4818182b1e Mon Sep 17 00:00:00 2001
From: Lupu Gheorghe <gheorghelupu17@gmail.com>
Date: Fri, 10 Nov 2023 20:00:48 +0200
Subject: [PATCH] fix import gallery

---
 resources/js/Pages/Public/Projects/Show.vue | 32 ++-------------------
 1 file changed, 2 insertions(+), 30 deletions(-)

diff --git a/resources/js/Pages/Public/Projects/Show.vue b/resources/js/Pages/Public/Projects/Show.vue
index d56fa7cc..9ff69baa 100644
--- a/resources/js/Pages/Public/Projects/Show.vue
+++ b/resources/js/Pages/Public/Projects/Show.vue
@@ -232,36 +232,7 @@
                             v-html="video?.html"
                         />
                     </div>
-
-                    <Vue3PictureSwipe
-                        :items="project.swipe_gallery"
-                        :options="{ mainClass: 'grid sm:grid-cols-1 gap-2 lg:grid-cols-4 mt-10' }"
-                        class="mt-10"
-                    ></Vue3PictureSwipe>
-                    <!--                            <div-->
-                    <!--                                v-for="(image, index) in project.gallery"-->
-                    <!--                                :class="{-->
-                    <!--                            'h-full overflow-hidden rounded-lg group aspect-h-1 aspect-w-2 sm:aspect-h-3 sm:row-span-2' : ((index+1)%2===0),-->
-                    <!--                            'overflow-hidden rounded-lg group aspect-h-1 aspect-w-2 sm:aspect-none sm:relative sm:h-full' : ((index)+1%2===1),-->
-                    <!--                            }"-->
-                    <!--                                :key="index"-->
-                    <!--                            >-->
-                    <!--                                <img-->
-                    <!--                                    :src="image.url"-->
-                    <!--                                    alt=""-->
-                    <!--                                    :class="{-->
-                    <!--                                    'object-cover object-center group-hover:opacity-75': (index+1)%2===0,-->
-                    <!--                                    'object-cover object-center group-hover:opacity-75 sm:absolute sm:inset-0 sm:h-full sm:w-full': (index+1)%2===1-->
-                    <!--                                }"-->
-                    <!--                                />-->
-                    <!--                            </div>-->
-
-                    <!--                            <img v-for="(images,index) in project.gallery"-->
-                    <!--                                 :key="index"-->
-                    <!--                                 :src="images.url"-->
-                    <!--                                 alt=""-->
-                    <!--                                 class="object-cover object-center group-hover:opacity-75"-->
-                    <!--                            />-->
+                    <Gallery :images="project.swipe_gallery" class="mt-10" />
                 </div>
             </div>
         </div>
@@ -317,6 +288,7 @@
 
     import LargeSquarePattern from '@/Components/patterns/LargeSquarePattern.vue';
     import { ExternalLinkIcon } from '@heroicons/vue/outline';
+    import Gallery from "@/Components/Gallery.vue";
 
     const props = defineProps({
         project: {