fix: undo needs v-model

Author: elevatebart

src/VueLive.vue

@@ -1,7 +1,7 @@
 <template>
   <component :is="layout ? layout : VueLiveDefaultLayout">
     <template v-slot:editor>
-      <PrismEditor :code="stableCode" @change="updatePreview" :language="prismLang"/>
+      <PrismEditor v-model="stableCode" @change="updatePreview" :language="prismLang"/>
     </template>
     <template v-slot:preview>
       <Preview
@@ -31,6 +31,8 @@ const LANG_TO_PRISM = {
   js: "jsx"
 };
 
+const UPDATE_DELAY = 300;
+
 export default {
   name: "VueLivePreview",
   components: { PrismEditor, Preview },
@@ -74,6 +76,11 @@ export default {
       model: this.code,
       prismLang: "html",
       VueLiveDefaultLayout,
+      /**
+       * this data only gets changed when changing language.
+       * it allows for copy and pasting without having the code
+       * editor repainted every keystroke
+       */
       stableCode: this.code
     };
   },
@@ -92,7 +99,7 @@ export default {
     },
     updatePreview: debounce(function(value) {
       this.model = value;
-    }, 300)
+    }, UPDATE_DELAY)
   }
 };
 </script>