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/Recipe/Parts/Ingredients.vue

@@ -2,18 +2,9 @@
   <div>
     <h2 class="mb-4">{{ $t("recipe.ingredients") }}</h2>
     <div v-if="edit">
-      <draggable
-        :value="value"
-        @input="updateIndex"
-        @start="drag = true"
-        @end="drag = false"
-        handle=".handle"
-      >
+      <draggable :value="value" @input="updateIndex" @start="drag = true" @end="drag = false" handle=".handle">
         <transition-group type="transition" :name="!drag ? 'flip-list' : null">
-          <div
-            v-for="(ingredient, index) in value"
-            :key="generateKey('ingredient', index)"
-          >
+          <div v-for="(ingredient, index) in value" :key="generateKey('ingredient', index)">
             <v-row align="center">
               <v-textarea
                 class="mr-2"
@@ -28,12 +19,7 @@
                 <template slot="append-outer">
                   <v-icon class="handle">mdi-arrow-up-down</v-icon>
                 </template>
-                <v-icon
-                  class="mr-n1"
-                  slot="prepend"
-                  color="error"
-                  @click="removeByIndex(value, index)"
-                >
+                <v-icon class="mr-n1" slot="prepend" color="error" @click="removeByIndex(value, index)">
                   mdi-delete
                 </v-icon>
               </v-textarea>
@@ -56,20 +42,10 @@
         :key="generateKey('ingredient', index)"
         @click="toggleChecked(index)"
       >
-        <v-checkbox
-          hide-details
-          :value="checked[index]"
-          class="pt-0 my-auto py-auto"
-          color="secondary"
-        >
-        </v-checkbox>
+        <v-checkbox hide-details :value="checked[index]" class="pt-0 my-auto py-auto" color="secondary"> </v-checkbox>
 
         <v-list-item-content>
-          <vue-markdown
-            class="ma-0 pa-0 text-subtitle-1 dense-markdown"
-            :source="ingredient"
-          >
-          </vue-markdown>
+          <vue-markdown class="ma-0 pa-0 text-subtitle-1 dense-markdown" :source="ingredient"> </vue-markdown>
         </v-list-item-content>
       </v-list-item>
     </div>
@@ -130,8 +106,8 @@ export default {
 };
 </script>
 
-<style >
+<style>
 .dense-markdown p {
   margin: auto !important;
 }
-</style>
+</style>