From ab4a0e2507b4b92c46d293a0bb06bb00a04af6e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20K=C3=BChn?=
 <philippkuehn@MacBook-Pro-von-Philipp.local>
Date: Fri, 11 Feb 2022 14:23:04 +0100
Subject: [PATCH] demos: add tippy duration to all menu demos

---
 demos/src/Extensions/BubbleMenu/React/index.jsx   | 2 +-
 demos/src/Extensions/BubbleMenu/Vue/index.vue     | 2 +-
 demos/src/Extensions/FloatingMenu/React/index.jsx | 2 +-
 demos/src/Extensions/FloatingMenu/Vue/index.vue   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/demos/src/Extensions/BubbleMenu/React/index.jsx b/demos/src/Extensions/BubbleMenu/React/index.jsx
index 2110a4bb..1ba984b8 100644
--- a/demos/src/Extensions/BubbleMenu/React/index.jsx
+++ b/demos/src/Extensions/BubbleMenu/React/index.jsx
@@ -17,7 +17,7 @@ export default () => {
 
   return (
     <>
-      {editor && <BubbleMenu editor={editor}>
+      {editor && <BubbleMenu editor={editor} tippyOptions={{ duration: 100 }}>
         <button
           onClick={() => editor.chain().focus().toggleBold().run()}
           className={editor.isActive('bold') ? 'is-active' : ''}
diff --git a/demos/src/Extensions/BubbleMenu/Vue/index.vue b/demos/src/Extensions/BubbleMenu/Vue/index.vue
index 1baa592c..771e8995 100644
--- a/demos/src/Extensions/BubbleMenu/Vue/index.vue
+++ b/demos/src/Extensions/BubbleMenu/Vue/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <bubble-menu :editor="editor" v-if="editor">
+    <bubble-menu :editor="editor" :tippy-options="{ duration: 100 }" v-if="editor">
       <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         bold
       </button>
diff --git a/demos/src/Extensions/FloatingMenu/React/index.jsx b/demos/src/Extensions/FloatingMenu/React/index.jsx
index d2870c45..310d2aa2 100644
--- a/demos/src/Extensions/FloatingMenu/React/index.jsx
+++ b/demos/src/Extensions/FloatingMenu/React/index.jsx
@@ -18,7 +18,7 @@ export default () => {
 
   return (
     <>
-      {editor && <FloatingMenu editor={editor}>
+      {editor && <FloatingMenu editor={editor} tippyOptions={{ duration: 100 }}>
         <button
           onClick={() => editor.chain().focus().toggleHeading({ level: 1 }).run()}
           className={editor.isActive('heading', { level: 1 }) ? 'is-active' : ''}
diff --git a/demos/src/Extensions/FloatingMenu/Vue/index.vue b/demos/src/Extensions/FloatingMenu/Vue/index.vue
index 90e1db15..c5a61bad 100644
--- a/demos/src/Extensions/FloatingMenu/Vue/index.vue
+++ b/demos/src/Extensions/FloatingMenu/Vue/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <floating-menu :editor="editor" v-if="editor">
+    <floating-menu :editor="editor" :tippy-options="{ duration: 100 }" v-if="editor">
       <button @click="editor.chain().focus().toggleHeading({ level: 1 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }">
         H1
       </button>