From 4293f44262d2998b0fe6ddd93a7bb7d4a031fdbf Mon Sep 17 00:00:00 2001
From: mwinter <mwinter@unboundedpress.org>
Date: Thu, 15 Jun 2023 01:37:58 +0200
Subject: [PATCH] working with deploy options

---
 portfolio-nuxt/components/ImageSlider.vue | 12 +++++++++++-
 portfolio-nuxt/nuxt.config.ts             | 14 ++++++++++++++
 portfolio-nuxt/pages/about.vue            |  1 -
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/portfolio-nuxt/components/ImageSlider.vue b/portfolio-nuxt/components/ImageSlider.vue
index b82d733..abd6319 100644
--- a/portfolio-nuxt/components/ImageSlider.vue
+++ b/portfolio-nuxt/components/ImageSlider.vue
@@ -1,6 +1,7 @@
 <template>
     <Swiper
       :autoHeight="true"
+      :loop="true"
       :spaceBetween="30"
       :centeredSlides="true"
       :autoplay="{
@@ -11,12 +12,21 @@
         clickable: true,
       }"
       :navigation="true"
+      :style="{
+        '--swiper-navigation-color': 'rgb(71 85 105)',
+        '--swiper-pagination-color': 'rgb(71 85 105)',
+        '--swiper-pagination-bottom': 'auto',
+        '--swiper-pagination-top': '1rem',
+        '--swiper-navigation-top-offset': '5rem'
+      }"
       :modules="[SwiperAutoplay, SwiperPagination, SwiperNavigation]"
     >
 
-      <SwiperSlide v-for="image in gallery">
+      <SwiperSlide v-for="image in gallery" class="p-10 bg-zinc-100">
+        <div class="place-items-center">
           <nuxt-img :src="'https://unboundedpress.org/api/' + bucket + '.files/' + image.image_id + '/binary'" 
           quality="50"/>
+        </div>
       </SwiperSlide>
     </Swiper>
   </template>
diff --git a/portfolio-nuxt/nuxt.config.ts b/portfolio-nuxt/nuxt.config.ts
index dea80b1..e485183 100644
--- a/portfolio-nuxt/nuxt.config.ts
+++ b/portfolio-nuxt/nuxt.config.ts
@@ -16,5 +16,19 @@ export default defineNuxtConfig({
       host: 'https://analytics.umami.is/',
       version: 2
     },
+  },
+  nitro: {
+    prerender: {
+      crawlLinks: true
+    }
+  },
+  routeRules: {
+    "https://unboundedpress.org/api/*": {
+      swr: 60 * 60,
+      // or
+      cache: {
+        maxAge: 60 * 60
+      }
+    },
   }
 })
diff --git a/portfolio-nuxt/pages/about.vue b/portfolio-nuxt/pages/about.vue
index 27f021c..6b2eb55 100644
--- a/portfolio-nuxt/pages/about.vue
+++ b/portfolio-nuxt/pages/about.vue
@@ -44,7 +44,6 @@ const { data: gallery } = await useFetch('https://unboundedpress.org/api/my_imag
         for (const item of gallery) {
             item.image_id =  images.value.find(obj => {return obj.filename === item.image})._id.$oid
         }
-        console.log(gallery)
         return gallery //.sort((a,b) => a.priority - b.priority)
     }
 })