Support Vue 3

[stefnotch]

Is your feature request related to a problem? Please describe.
As Vue 3 is getting closer to being released, it would be worthwhile to consider supporting it. Currently, tiptap already fails when importing Vue 3, because it does not have a default export anymore.

Describe the solution you'd like
Being able to use the current version of tiptap with Vue 3 would be great. Maybe it would be possible to release a different package with Vue 3 support?

Additional context
If I'm not mistaken, with tiptap v2, supporting different Vue.js versions should become much easier.

[akirarika]

At present, the official website does not have the documentation of vue3. I don't think this is a good time to support it.

Tiptap V2 is no longer limited by JavaScript framework. You can consider using it in the future.

[Septias]

isn't this the official documentation? https://v3.vuejs.org/

[rossunger]

+1. Beautiful editor. would love to use for our project, but we're using Vue 3 :(

[hanspagel]

We started the work on tiptap 2, which will likely be compatible with Vue.js 3. 🌿

[CaptainYouz]

Hi !
Any news on this one ?
Is there any branch/fork we can plug in to start using the next version (even if it's in alpha/beta or else :) )

[hanspagel]

Thanks for asking! We use Gridsome for the new (and really awesome) documentation and are waiting until they are compatible with Vue.js 3, but they wait for the new version of vue-meta. [1]

When vue-meta is upgraded, and Gridsome follows, we will start to work on the Vue parts of tiptap 2 and hope to give access to more and more people soon after.

Let me know if you have further questions!

[1] nuxt/vue-meta#558

[KNTH01]

@hanspagel I do not understand why is Tiptap waiting for Gridsome to upgrade to support Vue3 (I don't see any relation)?

Besides, Nuxt 3 will be using https://github.com/vueuse/head and not vue-meta anymore.

[hanspagel]

Thanks for asking @KevinNTH! We decided to go with a huge monorepo that includes the code of all packages, including tests and documentation.

For the documentation we’re using Gridsome. Installing Vue 3 in the repository would conflict with Gridsome, which is used to render the documentation, all interactive demos and to serve the code for all tests.

We have a long backlog of amazing things we’d like to add to tiptap and don’t see us switching to Nuxt.js to hurry the upgrade to Vue 3. But we’re following the development all of the mentioned projects, Gridsome, Nuxt.js, vue-meta and vueuse/head. ✌️

[EugeneHerasymchuk]

Amazing to hear that you're on top of the news about related packages.

Vue 3 upgrade would be awesome!

[hanspagel]

The new tiptap 2 beta (currently available for sponsors only) has support for Vue 3. 🎉

https://blog.ueber.io/post/tiptap-2-0-beta/

BTW: We’ll keep supporting Vue 2, too.

[ayophanz]

great

[hanspagel]

tiptap v2 is merged in to main. 👀 Time to close the issue.

https://www.tiptap.dev/installation/vue3