For anyone who wants to keep using this repo in vue3 project.

[imndx]

The following is all you need to use this plugin in your vue3 project, especially for those project migrated from vue2.

1. clone this repo
2. apply the attached patch
3. copy the source code to your project
4. npm install --save resize-observer-polyfill
5. npm uninstall vue-js-modal
6. import your local vue-js-modal instead of the original 'vue-js-modal'
7. none

vue3.patch

[pzpsofficial]

Hi @imndx, which node version did you use to build the project with patched code?

[pzpsofficial]

Also the patched code uses createVNode function, which was replaced by h in Vue 3. What am I missing?

[wloszynski]

bump

[imndx]

Hi @imndx, which node version did you use to build the project with patched code?

18.9.0

[Aliozzaim]

If you’re still having issues adapting this modal to Vue 3, please take a look at this article: Fixing vue-js-modal for Vue 3: A Guide to Restoring Modal Functionality.

[rangermeier]

If you’re still having issues adapting this modal to Vue 3, please take a look at this article: Fixing vue-js-modal for Vue 3: A Guide to Restoring Modal Functionality.

Thanks for the write-up. It would be awesome if you could publish a fork on Github with the changes detailed in your article!

[dhaladitya108]

Hey @Aliozzaim, do you think replacing the plugin with the locally modified repo would work in Nuxt 3?

[FeBe95]

If you're still in need for a Vue 3 compatible version, I've just released it on NPM:
https://www.npmjs.com/package/@febe95/vue-js-modal

I've migrated the plugin, demo, docs and nuxt ssr example.
Let me know what you think!