From f81909aad58a6953ea1a4add6c0cf948c1caa89f Mon Sep 17 00:00:00 2001
From: mariodz95 <mariodz95@gmail.com>
Date: Tue, 22 Jul 2025 12:09:46 +0200
Subject: [PATCH] fix: use relative paths to images

---
 frontend/composables/api/static-routes.ts | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/frontend/composables/api/static-routes.ts b/frontend/composables/api/static-routes.ts
index 3b65d183d..31eda446e 100644
--- a/frontend/composables/api/static-routes.ts
+++ b/frontend/composables/api/static-routes.ts
@@ -4,43 +4,39 @@ function UnknownToString(ukn: string | unknown) {
 
 export const useStaticRoutes = () => {
   const { $config } = useNuxtApp();
-  const serverBase = useRequestURL().origin;
-
   const prefix = `${$config.public.SUB_PATH}/api`.replace("//", "/");
 
-  const fullBase = serverBase + prefix;
-
   // Methods to Generate reference urls for assets/images *
   function recipeImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
-    return `${fullBase}/media/recipes/${recipeId}/images/original.webp?rnd=${key}&version=${UnknownToString(version)}`;
+    return `${prefix}/media/recipes/${recipeId}/images/original.webp?rnd=${key}&version=${UnknownToString(version)}`;
   }
 
   function recipeSmallImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
-    return `${fullBase}/media/recipes/${recipeId}/images/min-original.webp?rnd=${key}&version=${UnknownToString(
+    return `${prefix}/media/recipes/${recipeId}/images/min-original.webp?rnd=${key}&version=${UnknownToString(
       version,
     )}`;
   }
 
   function recipeTinyImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
-    return `${fullBase}/media/recipes/${recipeId}/images/tiny-original.webp?rnd=${key}&version=${UnknownToString(
+    return `${prefix}/media/recipes/${recipeId}/images/tiny-original.webp?rnd=${key}&version=${UnknownToString(
       version,
     )}`;
   }
 
   function recipeTimelineEventImage(recipeId: string, timelineEventId: string) {
-    return `${fullBase}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/original.webp`;
+    return `${prefix}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/original.webp`;
   }
 
   function recipeTimelineEventSmallImage(recipeId: string, timelineEventId: string) {
-    return `${fullBase}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/min-original.webp`;
+    return `${prefix}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/min-original.webp`;
   }
 
   function recipeTimelineEventTinyImage(recipeId: string, timelineEventId: string) {
-    return `${fullBase}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/tiny-original.webp`;
+    return `${prefix}/media/recipes/${recipeId}/images/timeline/${timelineEventId}/tiny-original.webp`;
   }
 
   function recipeAssetPath(recipeId: string, assetName: string) {
-    return `${fullBase}/media/recipes/${recipeId}/assets/${assetName}`;
+    return `${prefix}/media/recipes/${recipeId}/assets/${assetName}`;
   }
 
   return {