release(v2.1.1): fixed FireBase DB rules

.editorconfig

@@ -0,0 +1,25 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+# Matches multiple files with brace expansion notation
+# Set default charset
+[*.{js,jsx,tsx,ts}]
+charset = utf-8
+indent_style = space
+indent_size = 2
+
+# Tab indentation (no size specified)
+[Makefile]
+indent_style = tab
+
+# Matches the exact files either package.json or .travis.yml
+[{package.json,.travis.yml}]
+indent_style = space
+indent_size = 2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "recipe-app",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": true,
   "scripts": {
     "serve": "npm outdated & vue-cli-service serve --host localhost",

src/components/Recipe/Cards/RecipeCard.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card
     color="#F9F5F3"
-    style="cursor: pointer; position: relative;"
+    style="cursor: pointer; position: relative"
     :loading="isLoading || isCardLoading"
     :disabled="isLoading || isCardLoading"
     @dblclick="onLike(recipe)"

src/store/recipes/index.js

@@ -265,17 +265,17 @@ export default {
     },
 
     async addLikeCount({ commit }, payload) {
-      const recipe = { ...payload };
+      const updates = {};
       try {
-        recipe.likes += 1;
-        recipe.image = 0;
+        updates[
+          `recipes/${payload.id}/likes`
+        ] = firebase.database.ServerValue.increment(1);
 
         // Update props on the DB
-        await firebase
+        firebase
           .database()
-          .ref("recipes")
-          .child(payload.id)
-          .update(recipe);
+          .ref()
+          .update(updates);
 
         commit("addLikeCount", payload);
       } catch (err) {
@@ -284,17 +284,17 @@ export default {
     },
 
     async dislikeCount({ commit }, payload) {
-      const recipe = { ...payload };
+      const updates = {};
       try {
-        recipe.likes -= 1;
-        recipe.image = 0;
+        updates[
+          `recipes/${payload.id}/likes`
+        ] = firebase.database.ServerValue.increment(-1);
 
         // Update props on the DB
-        await firebase
+        firebase
           .database()
-          .ref("recipes")
-          .child(payload.id)
-          .update(recipe);
+          .ref()
+          .update(updates);
         commit("dislikeCount", payload);
       } catch (err) {
         commit("setAlert", { message: err.message, type: "error" });