From 1b5b0c69033882b5340cb23f3979fa8492aa1d3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 19 Dec 2018 23:00:13 +0100
Subject: [PATCH] add editable toggle to examples

---
 examples/Components/Routes/ReadOnly/index.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/examples/Components/Routes/ReadOnly/index.vue b/examples/Components/Routes/ReadOnly/index.vue
index 607c9be4..c6ea43ae 100644
--- a/examples/Components/Routes/ReadOnly/index.vue
+++ b/examples/Components/Routes/ReadOnly/index.vue
@@ -1,5 +1,10 @@
 <template>
   <div class="editor">
+    <div class="checkbox">
+      <input type="checkbox" id="editable" v-model="editable" />
+      <label for="editable">editable</label>
+    </div>
+
     <editor-content class="editor__content" :editor="editor" />
   </div>
 </template>
@@ -40,10 +45,24 @@ export default {
           </p>
         `,
       }),
+      editable: false,
     }
   },
+  watch: {
+    editable() {
+      this.editor.setOptions({
+        editable: this.editable,
+      })
+    },
+  },
   beforeDestroy() {
     this.editor.destroy()
   },
 }
 </script>
+
+<style lang="scss">
+.checkbox {
+  margin-bottom: 1rem;
+}
+</style>