vue-js-modal icon indicating copy to clipboard operation
vue-js-modal copied to clipboard

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

Open imndx opened this issue 2 years ago • 8 comments

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

imndx avatar Feb 28 '24 12:02 imndx

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

pzpsofficial avatar May 21 '24 14:05 pzpsofficial

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

pzpsofficial avatar May 21 '24 16:05 pzpsofficial

bump

wloszynski avatar May 21 '24 16:05 wloszynski

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

18.9.0

imndx avatar May 22 '24 03:05 imndx

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.

Aliozzaim avatar Aug 10 '24 12:08 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.

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

rangermeier avatar Aug 12 '24 08:08 rangermeier