diff --git a/resources/vue/components/TextareaWithToolbar.vue b/resources/vue/components/TextareaWithToolbar.vue
index 1f19864a54ab82dd1f6f5fa749c016b6ea45462f..498c5d18eec610853a6641723919aa13f221d181 100644
--- a/resources/vue/components/TextareaWithToolbar.vue
+++ b/resources/vue/components/TextareaWithToolbar.vue
@@ -1,17 +1,30 @@
 <template>
-    <textarea :name="name" ref="textarea"
-              v-bind="$attrs" v-on="$listeners"></textarea>
+    <textarea :name="name"
+              ref="textarea"
+              v-model="content"
+    ></textarea>
 </template>
 
 <script>
 export default {
     name: 'textarea-with-toolbar',
     props: {
+        value: String,
         name: {
             type: String,
             required: false
         }
     },
+    computed: {
+        content: {
+            get() {
+                return this.value;
+            },
+            set(newContent) {
+                this.$emit('input', newContent);
+            }
+        }
+    },
     mounted () {
         $(this.$refs.textarea).addToolbar();
     }