From 015dd1a54a9214f5bad28a88d06820ac791df0ac Mon Sep 17 00:00:00 2001
From: nuro <4991309+NuroDev@users.noreply.github.com>
Date: Wed, 29 Dec 2021 03:20:25 +0000
Subject: [PATCH] Added setup script syntax to Vue 3 install docs

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

diff --git a/docs/installation/vue3.md b/docs/installation/vue3.md
index 341827db25..dd2c304c18 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.