bug/bug-fixes (#424)

* fix image write/caching

* Caddyfile Caching header

* more aggressive caching

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

frontend/src/components/MealPlan/MealPlanNew.vue

@@ -209,10 +209,6 @@ export default {
       }
     },
 
-    getImage(image) {
-      return api.recipes.recipeSmallImage(image);
-    },
-
     formatDate(date) {
       if (!date) return null;
 

frontend/src/components/Recipe/CardImage.vue

@@ -42,6 +42,9 @@ export default {
     slug: {
       default: null,
     },
+    imageVersion: {
+      default: null,
+    },
     height: {
       default: 200,
     },
@@ -65,14 +68,14 @@ export default {
     };
   },
   methods: {
-    getImage(image) {
+    getImage(slug) {
       switch (this.imageSize) {
         case "tiny":
-          return api.recipes.recipeTinyImage(image);
+          return api.recipes.recipeTinyImage(slug, this.imageVersion);
         case "small":
-          return api.recipes.recipeSmallImage(image);
+          return api.recipes.recipeSmallImage(slug, this.imageVersion);
         case "large":
-          return api.recipes.recipeImage(image);
+          return api.recipes.recipeImage(slug, this.imageVersion);
       }
     },
   },

frontend/src/components/Recipe/MobileRecipeCard.vue

@@ -59,8 +59,8 @@ export default {
     };
   },
   methods: {
-    getImage(image) {
-      return api.recipes.recipeSmallImage(image);
+    getImage(slug) {
+      return api.recipes.recipeSmallImage(slug, this.image);
     },
   },
 };

frontend/src/components/Recipe/RecipeCard.vue

@@ -7,7 +7,7 @@
       @click="$emit('click')"
       min-height="275"
     >
-      <CardImage icon-size="200" :slug="slug">
+      <CardImage icon-size="200" :slug="slug" :image-version="image">
         <v-expand-transition v-if="description">
           <div v-if="hover" class="d-flex transition-fast-in-fast-out secondary v-card--reveal  " style="height: 100%;">
             <v-card-text class="v-card--text-show white--text">
@@ -65,8 +65,8 @@ export default {
     };
   },
   methods: {
-    getImage(image) {
-      return api.recipes.recipeSmallImage(image);
+    getImage(slug) {
+      return api.recipes.recipeSmallImage(slug, this.image);
     },
   },
 };