LeaVerou / multirange

A tiny polyfill for HTML5 multi-handle sliders
http://projects.verou.me/multirange/
MIT License
607 stars 82 forks source link

"module.exports = multirange" declaration causes TypeError with Vue.js #42

Open damstaylor opened 5 years ago

damstaylor commented 5 years ago

Hello,

The multirange polyfill works just fine in JSFiddle, but won't work in my Vue.js project.

Line 112 in multirange.js is the issue: module.exports = multirange; which gives me the following error: "TypeError: Cannot assign to read only property 'exports' of object '#<Object>'"

If I comment that line, the component would be loaded as a simple HTML input range element...

I looked for solutions on the Internet and found that using export ... instead of module.exports = ... could solve the issue, but I can't manage to use it properly (I'm using Vue.js which only allows me to use export on the top of the page). Is there a proper way to import this IIFE with the export default statement?

Thanks