From 12bb2005bbea28626c5b79133bfcbc4409b292f8 Mon Sep 17 00:00:00 2001
From: Greenscreener <honzikcernoh@gmail.com>
Date: Sat, 23 Jan 2021 09:58:34 +0100
Subject: [PATCH] Avoided mutating props directly.

---
 .../src/components/edit/Hlava.vue             | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/form/res-judicata/src/components/edit/Hlava.vue b/form/res-judicata/src/components/edit/Hlava.vue
index 085cd79..25c69bf 100644
--- a/form/res-judicata/src/components/edit/Hlava.vue
+++ b/form/res-judicata/src/components/edit/Hlava.vue
@@ -2,18 +2,18 @@
     <div id="hlava">
         <div v-on:click="makeactive" v-if="!isactive">
             <p class="mx-6 mt-4 has-text-weight-bold has-text-centered">
-                {{ displaytitle }}
+                {{ localTitle || "Název hlavy" }}
             </p>
             <p>
-                {{ displaytext }}
+                {{ localText || "Text hlavy" }}
             </p>
         </div>
         <div v-click-outside="makeinactive" v-if="isactive">
             <p class="mx-6 mt-4 has-text-weight-bold has-text-centered">
-                <b-input placeholder="Název hlavy" style="text-align:right;" v-model="title"></b-input>
+                <b-input placeholder="Název hlavy" style="text-align:right;" v-model="localTitle"></b-input>
             </p>
             <p>
-                <b-input placeholder="Text hlavy" v-model="text" type="textarea"></b-input>
+                <b-input placeholder="Text hlavy" v-model="localText" type="textarea"></b-input>
             </p>
             <p>
                 <b-button type="is-danger" class="mt-3" v-on:click="$emit('deletehlava', index)" expanded>Smazat hlavu</b-button>
@@ -40,26 +40,26 @@ export default {
             this.isactive = true;
         },
         makeinactive: function () {
-            this.$emit('update:text', this.text)
-            this.$emit('update:title', this.title)
             this.isactive = false;
         }
     },
     computed: {
-        displaytitle: function () {
-            if (!this.title) {
-                return "Název hlavy"
-            } else {
-                return this.title
-            }
+        localTitle: {
+          get: function() {
+            return this.title
+          },
+          set: function (value) {
+            this.$emit('update:title', value)
+          }
         },
-        displaytext: function () {
-            if (!this.text) {
-                return "Text hlavy"
-            } else {
-                return this.text
-            }
+        localText: {
+          get: function() {
+            return this.text
+          },
+          set: function (value) {
+            this.$emit('update:text', value)
+          }
         }
     }
 }
-</script>
\ No newline at end of file
+</script>