feature/recipe-patch-improvements (#382)

* automated docs update

* recipe rating component

* recipe partial updates - closes #25

* use Vue.delete to update store

* format

* arrow functions

* fix tests

* format

* initial context menu

* localize

* add confirmation dialog

* context menu

* fix bare exception

* update line length

* format all file with prettier

* update changelog

* download as json

* update python dependencies

* update javascript dependencies

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

frontend/src/components/MealPlan/MealPlanCard.vue

@@ -1,22 +1,10 @@
 <template>
   <v-row>
     <SearchDialog ref="mealselect" @select="setSlug" />
-    <v-col
-      cols="12"
-      sm="12"
-      md="6"
-      lg="4"
-      xl="3"
-      v-for="(meal, index) in value"
-      :key="index"
-    >
+    <v-col cols="12" sm="12" md="6" lg="4" xl="3" v-for="(meal, index) in value" :key="index">
       <v-hover v-slot="{ hover }" :open-delay="50">
         <v-card :class="{ 'on-hover': hover }" :elevation="hover ? 12 : 2">
-          <v-img
-            height="200"
-            :src="getImage(meal.slug)"
-            @click="openSearch(index)"
-          ></v-img>
+          <v-img height="200" :src="getImage(meal.slug)" @click="openSearch(index)"></v-img>
           <v-card-title class="my-n3 mb-n6">
             {{ $d(new Date(meal.date.split("-")), "short") }}
           </v-card-title>
@@ -63,5 +51,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>

frontend/src/components/MealPlan/MealPlanEditor.vue

@@ -44,5 +44,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>

frontend/src/components/MealPlan/MealPlanNew.vue

@@ -180,9 +180,7 @@ export default {
       });
     },
     processTime(index) {
-      let dateText = new Date(
-        this.actualStartDate.valueOf() + 1000 * 3600 * 24 * index
-      );
+      let dateText = new Date(this.actualStartDate.valueOf() + 1000 * 3600 * 24 * index);
       return dateText;
     },
     getDate(index) {
@@ -215,22 +213,10 @@ export default {
       return this.$d(date);
     },
     getNextDayOfTheWeek(dayName, excludeToday = true, refDate = new Date()) {
-      const dayOfWeek = [
-        "sun",
-        "mon",
-        "tue",
-        "wed",
-        "thu",
-        "fri",
-        "sat",
-      ].indexOf(dayName.slice(0, 3).toLowerCase());
+      const dayOfWeek = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"].indexOf(dayName.slice(0, 3).toLowerCase());
       if (dayOfWeek < 0) return;
       refDate.setUTCHours(0, 0, 0, 0);
-      refDate.setDate(
-        refDate.getDate() +
-          +!!excludeToday +
-          ((dayOfWeek + 7 - refDate.getDay() - +!!excludeToday) % 7)
-      );
+      refDate.setDate(refDate.getDate() + +!!excludeToday + ((dayOfWeek + 7 - refDate.getDay() - +!!excludeToday) % 7));
       return refDate;
     },
     setQuickWeek() {
@@ -245,5 +231,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>

frontend/src/components/MealPlan/ShoppingListDialog.vue

@@ -3,28 +3,21 @@
     <v-dialog v-model="dialog" width="650">
       <v-card>
         <v-card-title class="headline">
-          {{$t('meal-plan.shopping-list')}}
+          {{ $t("meal-plan.shopping-list") }}
           <v-spacer></v-spacer>
           <v-btn text color="accent" @click="group = !group">
-            {{$t('meal-plan.group')}}
+            {{ $t("meal-plan.group") }}
           </v-btn>
         </v-card-title>
         <v-divider></v-divider>
 
         <v-card-text v-if="group == false">
-          <v-list
-            dense
-            v-for="(recipe, index) in ingredients"
-            :key="`${index}-recipe`"
-          >
+          <v-list dense v-for="(recipe, index) in ingredients" :key="`${index}-recipe`">
             <v-subheader>{{ recipe.name }} </v-subheader>
             <v-divider></v-divider>
 
             <v-list-item-group color="primary">
-              <v-list-item
-                v-for="(item, i) in recipe.recipe_ingredient"
-                :key="i"
-              >
+              <v-list-item v-for="(item, i) in recipe.recipe_ingredient" :key="i">
                 <v-list-item-content>
                   <v-list-item-title v-text="item"></v-list-item-title>
                 </v-list-item-content>
@@ -104,8 +97,4 @@ export default {
 };
 </script>
 
-
-
-
-<style>
-</style>
+<style></style>