From a073d75dffd8725c5edb9e50a20f64186dfcf945 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Fri, 5 Mar 2021 10:29:19 +0100
Subject: [PATCH] add useEditor to docs

---
 docs/src/docPages/installation/vue3.md | 28 ++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/docs/src/docPages/installation/vue3.md b/docs/src/docPages/installation/vue3.md
index fcfba6c5..58cecca0 100644
--- a/docs/src/docPages/installation/vue3.md
+++ b/docs/src/docPages/installation/vue3.md
@@ -75,6 +75,34 @@ export default {
 </script>
 ```
 
+Alternatively, you can use the Composition API with the `useEditor` method.
+
+```html
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script>
+import { useEditor, EditorContent } from '@tiptap/vue-3'
+import { defaultExtensions } from '@tiptap/starter-kit'
+
+export default {
+  components: {
+    EditorContent,
+  },
+
+  setup() {
+    const editor = useEditor({
+      content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
+      extensions: defaultExtensions(),
+    })
+
+    return { editor }
+  },
+}
+</script>
+```
+
 ## 4. Add it to your app
 Now, let’s replace the content of `src/App.vue` with the following example code to use our new `Tiptap` component in our app.