docs(demos): replace tippy.js references with @floating-ui/dom (#7421)

.changeset/fix-tippy-docs.md

@@ -0,0 +1,6 @@
+---
+"@tiptap/extension-emoji": patch
+"@tiptap/extension-mention": patch
+---
+
+Add documentation comments to demo files clarifying that Tiptap v3 uses @floating-ui/dom instead of tippy.js for suggestion positioning

demos/src/Nodes/Emoji/React/index.jsx

@@ -1,3 +1,14 @@
+/**
+ * Emoji Extension Demo (React)
+ * 
+ * Dependencies:
+ * - @tiptap/extension-emoji
+ * - @tiptap/react
+ * - @tiptap/starter-kit
+ * - @floating-ui/dom (for suggestion positioning)
+ * 
+ * Note: Tiptap v3 no longer uses tippy.js. Use @floating-ui/dom instead.
+ */
 import './styles.scss'
 
 import Emoji, { gitHubEmojis } from '@tiptap/extension-emoji'

demos/src/Nodes/Emoji/React/suggestion.js

@@ -1,3 +1,9 @@
+/**
+ * Emoji Suggestion Configuration
+ * 
+ * Note: Tiptap v3 uses @floating-ui/dom for positioning, NOT tippy.js
+ * Required dependency: npm install @floating-ui/dom
+ */
 import { computePosition } from '@floating-ui/dom'
 import { ReactRenderer } from '@tiptap/react'
 

demos/src/Nodes/Emoji/Vue/index.vue

@@ -7,6 +7,17 @@
   <editor-content :editor="editor" />
 </template>
 
+<!--
+  Emoji Extension Demo (Vue 3)
+
+  Dependencies:
+  - @tiptap/extension-emoji
+  - @tiptap/vue-3
+  - @tiptap/starter-kit
+  - @floating-ui/dom (for suggestion positioning)
+
+  Note: Tiptap v3 no longer uses tippy.js. Use @floating-ui/dom instead.
+-->
 <script>
 import Emoji, { gitHubEmojis } from '@tiptap/extension-emoji'
 import StarterKit from '@tiptap/starter-kit'

demos/src/Nodes/Emoji/Vue/suggestion.js

@@ -1,3 +1,9 @@
+/**
+ * Emoji Suggestion Configuration
+ * 
+ * Note: Tiptap v3 uses @floating-ui/dom for positioning, NOT tippy.js
+ * Required dependency: npm install @floating-ui/dom
+ */
 import { computePosition } from '@floating-ui/dom'
 import { VueRenderer } from '@tiptap/vue-3'
 

demos/src/Nodes/Mention/React/index.jsx

@@ -1,3 +1,13 @@
+/**
+ * Mention Extension Demo (React)
+ * 
+ * Dependencies:
+ * - @tiptap/extension-mention
+ * - @tiptap/react
+ * - @floating-ui/dom (for suggestion positioning)
+ * 
+ * Note: Tiptap v3 no longer uses tippy.js. Use @floating-ui/dom instead.
+ */
 import './styles.scss'
 
 import Document from '@tiptap/extension-document'

demos/src/Nodes/Mention/React/suggestion.js

@@ -1,3 +1,9 @@
+/**
+ * Mention Suggestion Configuration
+ * 
+ * Note: Tiptap v3 uses @floating-ui/dom for positioning, NOT tippy.js
+ * Required dependency: npm install @floating-ui/dom
+ */
 import { computePosition, flip, shift } from '@floating-ui/dom'
 import { posToDOMRect, ReactRenderer } from '@tiptap/react'
 

demos/src/Nodes/Mention/Vue/index.vue

@@ -4,6 +4,16 @@
   </div>
 </template>
 
+<!--
+  Mention Extension Demo (Vue 3)
+
+  Dependencies:
+  - @tiptap/extension-mention
+  - @tiptap/vue-3
+  - @floating-ui/dom (for suggestion positioning)
+
+  Note: Tiptap v3 no longer uses tippy.js. Use @floating-ui/dom instead.
+-->
 <script>
 import Document from '@tiptap/extension-document'
 import Mention from '@tiptap/extension-mention'

demos/src/Nodes/Mention/Vue/suggestion.js

@@ -1,3 +1,9 @@
+/**
+ * Mention Suggestion Configuration
+ * 
+ * Note: Tiptap v3 uses @floating-ui/dom for positioning, NOT tippy.js
+ * Required dependency: npm install @floating-ui/dom
+ */
 import { computePosition, flip, shift } from '@floating-ui/dom'
 import { posToDOMRect, VueRenderer } from '@tiptap/vue-3'