support empty meal-plans

frontend/src/components/MealPlan/MealPlanner.vue

@@ -33,7 +33,7 @@
                   :key="generateKey(meal.slug, index)"
                 >
                   <v-img
-                    class="rounded-lg"
+                    class="rounded-lg info"
                     :src="getImage(meal.image)"
                     height="80"
                     width="80"
@@ -105,7 +105,6 @@ export default {
     editPlan(id) {
       this.plannedMeals.forEach((element) => {
         if (element.uid === id) {
-          console.log(element);
           this.editMealPlan = element;
         }
       });

frontend/src/components/MealPlan/NewMeal.vue

@@ -107,7 +107,7 @@ export default {
       this.meals = [];
       for (let i = 0; i < this.dateDif; i++) {
         this.meals.push({
-          slug: "",
+          slug: "empty",
           date: this.getDate(i),
           dateText: this.getDayText(i),
         });