From f49fdd247a39415dd860abd769a8e0ce09986b52 Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Thu, 25 Aug 2022 18:57:12 +0200
Subject: [PATCH] fix serving images

---
 TODO.md                           | 12 +++++++-----
 components/carousel.vue           |  4 ++--
 components/cosetta.vue            |  2 +-
 pages/index.vue                   |  2 +-
 server/services/upload-service.ts |  2 +-
 5 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/TODO.md b/TODO.md
index 1c38358..1c83e42 100644
--- a/TODO.md
+++ b/TODO.md
@@ -4,10 +4,12 @@
 - [x] carousel in detail (o un modo per avere piu' immagini per un oggetto)
 - [x] stringo la pagina dei dettagli
 - [x] next / prev in page
-- [ ] i tag da trimmare ed eliminare se son vuoti
-- [ ] un load per next / prev
-- [ ] favicon (solo perche' senza ci mette un sacco a fare il load)
+- [x] i tag da trimmare ed eliminare se son vuoti
 - [x] form validation
-- [ ] ci vuole un modo per segnare che un oggetto e' stato preso!
-- [ ] api rate (mi sa di no perche' tutti usciremo con lo stesso ip)
+- [x] servire immagini anche x il deploy
+- [ ] un loading per next / prev
+- [ ] immagine del banner da scaricare in locale
+- [ ] favicon (solo perche' senza ci mette un sacco a fare il load)
+- [ ] ci vuole un modo per segnare che un oggetto e' stato preso? forse no se facciamo un'asta live
+- [ ] deploy
 - [ ] mail in lista
diff --git a/components/carousel.vue b/components/carousel.vue
index 75ae948..eadf778 100644
--- a/components/carousel.vue
+++ b/components/carousel.vue
@@ -6,8 +6,8 @@ const { images } = defineProps(['images'])
 </script>
 <template>
   <div class='carousel max-h-100 bg-neutral'>
-    <div v-for='image in images' class='carousel-item' :key='image'>
-      <img class='carousel-center object-contain' :src="`/${image}`">
+    <div v-for='image in images' class='carousel-item w-full' :key='image'>
+      <img class='carousel-center object-contain' :src="`/api/image/${image}`">
     </div>
   </div>
 </template>
diff --git a/components/cosetta.vue b/components/cosetta.vue
index f782fed..d6f83fc 100644
--- a/components/cosetta.vue
+++ b/components/cosetta.vue
@@ -8,7 +8,7 @@ const { cosetta } = defineProps({
 </script>
 <template>
   <div class="rounded overflow-hidden shadow-lg flex flex-col justify-between">
-    <img class="object-cover w-full h-48" :src="`/${cosetta.images[0]}`" alt="Mountain">
+    <img class="object-cover w-full h-48" :src="`/api/image/${cosetta.images[0]}`" alt="Mountain">
     <div class="px-6 py-4 grow">
       <nuxt-link :to="`/c/${cosetta.uuid}`">
         <h2 class="text-pink-500 card-title hover:underline uppercase mb-2 line-clamp-2" v-text='cosetta.name' />
diff --git a/pages/index.vue b/pages/index.vue
index 87e9b5c..459003e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <script setup>
 const page = ref(0)
-let { data, refresh } = await useFetch(() => `/api/cosette?page=${page.value}`)
+let { data, pending, refresh } = await useFetch(() => `/api/cosette?page=${page.value}`)
 
 function next() {
   page.value++
diff --git a/server/services/upload-service.ts b/server/services/upload-service.ts
index aba73d3..e2cd238 100644
--- a/server/services/upload-service.ts
+++ b/server/services/upload-service.ts
@@ -5,7 +5,7 @@ import { v4 } from 'uuid'
 import path from 'path'
 
 export const uploadService = () => {
-  let folderPath = './public/'
+  let folderPath = './server/public/images/'
   if (!fs.existsSync(folderPath)) {
     fs.mkdirSync(folderPath, { recursive: true })
   }