Replace package.json exports "import" by "default"

[Tw1N88]

Fixes #1951

https://nodejs.org/api/packages.html#conditional-exports
https://nodejs.org/api/packages.html#dual-commonjses-module-packages

[dimsemenov]

Thanks, I'll test it. Hopefully, it'll help and won't break stuff.

[alexcroox]

I think it did break things in Vue 2 + webpack:

[dimsemenov]

@alexcroox I'm not sure what's causing it on your side, possibly related to this. You can also check Vue example here - https://photoswipe.com/vue-image-gallery/

Also you can try using real paths instead, for example:

import PhotoSwipe from 'photoswipe/dist/photoswipe.esm.js'
import PhotoSwipeLightbox from 'photoswipe/dist/photoswipe-lightbox.esm.js'
import `photoswipe/dist/photoswipe.css`

If you have suggestions on how to fix, feel free to submit a pr or post more details.

[alexcroox]

Thanks I'm now using using real paths, also had to get Nuxt 2 to transpile the dependancy because of the optional chaining in the esm/umd files:

transpile: ['photoswipe'],

https://nuxtjs.org/docs/configuration-glossary/configuration-build/#transpile

Up and running now thanks