From 989c027d9549fa21edc4af10e5f3177837ff46d9 Mon Sep 17 00:00:00 2001
From: nuro <4991309+NuroDev@users.noreply.github.com>
Date: Mon, 3 Jan 2022 10:35:03 +0000
Subject: [PATCH] docs: Added setup script syntax to Vue 3 install docs (#2324)

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

diff --git a/docs/installation/vue3.md b/docs/installation/vue3.md
index 341827db..dd2c304c 100644
--- a/docs/installation/vue3.md
+++ b/docs/installation/vue3.md
@@ -106,6 +106,26 @@ export default {
 </script>
 ```
 
+Or feel free to use the new [`<script setup>` syntax](https://v3.vuejs.org/api/sfc-script-setup.html).
+
+```html
+<template>
+  <editor-content :editor="editor" />
+</template>
+
+<script setup>
+import { useEditor, EditorContent } from '@tiptap/vue-3'
+import StarterKit from '@tiptap/starter-kit'
+
+const editor = useEditor({
+  content: '<p>I’m running Tiptap with Vue.js. 🎉</p>',
+  extensions: [
+    StarterKit,
+  ],
+})
+</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.