changing lastParsedData property to hold an entirely new object, which is cloned from the new value of parsedData, so that the comparison of newValue to lastParsedData would return false, in case user edits the json object with the provided editor.

Otherwise lastParsedData would be holding an reference to parsedData object, and when parsedData changes lastParsedData would automatically reflect those changes which always return before emitting input event from the watcher on parsedData property

Author: richuvjohn

package-lock.json

@@ -44,6 +44,7 @@
   },
   "dependencies": {
     "highlight.js": "^9.15.6",
+    "lodash.clonedeep": "^4.5.0",
     "vue": "^2.6.8",
     "vuedraggable": "^2.23.2"
   },

package.json

@@ -6,6 +6,7 @@
 
 <script>
 import JsonView from "./JsonView.vue";
+import cloneDeep from "lodash.clonedeep";
 
 export default {
   name: "JsonEditor",
@@ -50,7 +51,7 @@ export default {
           return;
         }
 
-        this.lastParsedData = newValue;
+        this.lastParsedData = cloneDeep(newValue);
         this.$emit("input", this.makeJson(this.parsedData));
       },
       deep: true