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/RecipeCard.vue

@@ -9,11 +9,7 @@
     >
       <v-img height="200" :src="getImage(slug)">
         <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%;"
-          >
+          <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">
               {{ description | truncate(300) }}
             </v-card-text>
@@ -27,23 +23,10 @@
       </v-card-title>
 
       <v-card-actions>
-        <v-rating
-          class="mr-2 my-auto"
-          color="secondary"
-          background-color="secondary lighten-3"
-          dense
-          length="5"
-          size="15"
-          :value="rating"
-        ></v-rating>
+        <Rating :value="rating" :name="name" :slug="slug" :small="true" />
         <v-spacer></v-spacer>
-        <RecipeChips
-          :items="tags"
-          :title="false"
-          :limit="2"
-          :small="true"
-          :isCategory="false"
-        />
+        <RecipeChips :items="tags" :title="false" :limit="2" :small="true" :isCategory="false" />
+        <ContextMenu :slug="slug" />
       </v-card-actions>
     </v-card>
   </v-hover>
@@ -51,10 +34,14 @@
 
 <script>
 import RecipeChips from "@/components/Recipe/RecipeViewer/RecipeChips";
+import ContextMenu from "@/components/Recipe/ContextMenu";
+import Rating from "@/components/Recipe/Parts/Rating";
 import { api } from "@/api";
 export default {
   components: {
     RecipeChips,
+    ContextMenu,
+    Rating,
   },
   props: {
     name: String,
@@ -96,4 +83,4 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-</style>
+</style>