From dbefbb98fa1b9b4473d1eded8d062b5d98cbc1bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 12 Nov 2020 00:01:18 +0100
Subject: [PATCH] add FullEditor component

---
 docs/src/demos/Examples/FullEditor/index.vue | 24 +++++++++++
 docs/src/docPages/examples/full-editor.md    |  3 ++
 packages/vue/package.json                    |  3 +-
 packages/vue/src/components/FullEditor.vue   | 45 ++++++++++++++++++++
 packages/vue/src/index.ts                    |  1 +
 5 files changed, 75 insertions(+), 1 deletion(-)
 create mode 100644 docs/src/demos/Examples/FullEditor/index.vue
 create mode 100644 docs/src/docPages/examples/full-editor.md
 create mode 100644 packages/vue/src/components/FullEditor.vue

diff --git a/docs/src/demos/Examples/FullEditor/index.vue b/docs/src/demos/Examples/FullEditor/index.vue
new file mode 100644
index 00000000..97d0b087
--- /dev/null
+++ b/docs/src/demos/Examples/FullEditor/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <full-editor v-model="content" />
+    <div>
+      {{ content }}
+    </div>
+  </div>
+</template>
+
+<script>
+import { FullEditor } from '@tiptap/vue'
+
+export default {
+  components: {
+    FullEditor,
+  },
+
+  data() {
+    return {
+      content: '<p>full editor</p>',
+    }
+  },
+}
+</script>
diff --git a/docs/src/docPages/examples/full-editor.md b/docs/src/docPages/examples/full-editor.md
new file mode 100644
index 00000000..1a82b180
--- /dev/null
+++ b/docs/src/docPages/examples/full-editor.md
@@ -0,0 +1,3 @@
+# Full Editor
+
+<demo name="Examples/FullEditor" />
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 7334a98e..acbe6f29 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -15,6 +15,7 @@
     "vue": "2.x"
   },
   "dependencies": {
-    "prosemirror-view": "^1.16.1"
+    "prosemirror-view": "^1.16.1",
+    "@tiptap/starter-kit": "1.x"
   }
 }
diff --git a/packages/vue/src/components/FullEditor.vue b/packages/vue/src/components/FullEditor.vue
new file mode 100644
index 00000000..a801ea7b
--- /dev/null
+++ b/packages/vue/src/components/FullEditor.vue
@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <editor-content :editor="editor" />
+  </div>
+</template>
+
+<script>
+import { Editor } from '@tiptap/core'
+import { defaultExtensions } from '@tiptap/starter-kit'
+import EditorContent from './EditorContent.ts'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  props: {
+    value: {
+      type: [String, Object],
+      default: '',
+    },
+  },
+
+  data() {
+    return {
+      editor: null,
+    }
+  },
+
+  mounted() {
+    this.editor = new Editor({
+      extensions: defaultExtensions(),
+      content: this.value,
+    })
+
+    this.editor.on('update', () => {
+      this.$emit('input', this.editor.getHTML())
+    })
+  },
+
+  beforeDestroy() {
+    this.editor.destroy()
+  },
+}
+</script>
diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
index d668e82c..e9ec282a 100644
--- a/packages/vue/src/index.ts
+++ b/packages/vue/src/index.ts
@@ -1,3 +1,4 @@
 export * from '@tiptap/core'
 export { default as VueRenderer } from './VueRenderer'
 export { default as EditorContent } from './components/EditorContent'
+export { default as FullEditor } from './components/FullEditor.vue'