From 7762316ecdfb419e5d914f6cfd4cc2e11f80e6e3 Mon Sep 17 00:00:00 2001
From: Chrissi2812 <cf@pixel-kraft.de>
Date: Mon, 25 Feb 2019 16:24:39 +0100
Subject: [PATCH] changed placeholder example for reactive placeholder

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

diff --git a/examples/Components/Routes/Placeholder/index.vue b/examples/Components/Routes/Placeholder/index.vue
index a11c24f4..7549540d 100644
--- a/examples/Components/Routes/Placeholder/index.vue
+++ b/examples/Components/Routes/Placeholder/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="editor">
+    <input type="text" v-model="placeholder">
     <editor-content class="editor__content" :editor="editor" />
   </div>
 </template>
@@ -18,6 +19,7 @@ export default {
   },
   data() {
     return {
+      placeholder: 'Write something …',
       editor: new Editor({
         extensions: [
           new BulletList(),
@@ -34,6 +36,11 @@ export default {
   beforeDestroy() {
     this.editor.destroy()
   },
+  watch: {
+    placeholder(newValue) {
+      this.editor.extensions.options.placeholder.emptyNodeText = newValue
+    },
+  },
 }
 </script>