I'm just following the tiptap docs trying to implement a floating menu in vue 3. Im using script setup and im not sure if thats the issue, but in either case im struggling to get this to work. The floating menu doesnt render.
Can't figure out why? And there doesnt seem to be much help to find elsewhere. I even tried chatGPT but all its answers where absurd. Probably because it doesnt seem to do well with vue 3 scrip setup.
I'll provide a stackblitz of the issue and a link to the docs to make it as easy as possible to investigate. Thanks for any suggestions.
I figured out the problem. When using vue3 you should import FloatingMenu from '@tiptap/vue-3' and not from the regular '@tiptap/extension-floating-menu.' Hope this post is helpfull for anyone else making this same mistake. Heres the working example: stackblitz