refactor/docker-updates (#369)

* convert all images to webp

* consolidate docker files

* serve images wiith caddy

* consolidate docker files

* new slim-buster image

* set image url

* add image path

* remove print

* set image path correctly

* cleanup

* caddy proxy path

* docs

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/api/recipe.js

@@ -134,14 +134,14 @@ export const recipeAPI = {
   },
 
   recipeImage(recipeSlug) {
-    return `/api/recipes/${recipeSlug}/image?image_type=original`;
+    return `/api/recipes/image/${recipeSlug}/original.webp`;
   },
 
   recipeSmallImage(recipeSlug) {
-    return `/api/recipes/${recipeSlug}/image?image_type=small`;
+    return `/api/recipes/image/${recipeSlug}/min-original.webp`;
   },
 
   recipeTinyImage(recipeSlug) {
-    return `/api/recipes/${recipeSlug}/image?image_type=tiny`;
+    return `/api/recipes/image/${recipeSlug}/tiny-original.webp`;
   },
 };

frontend/src/pages/Recipe/ViewRecipe.vue

@@ -165,7 +165,7 @@ export default {
     },
     getImage(image) {
       if (image) {
-        return api.recipes.recipeImage(image) + "&rnd=" + this.imageKey;
+        return api.recipes.recipeImage(image) + "?&rnd=" + this.imageKey;
       }
     },
     async deleteRecipe() {