therufa / mdi-vue

Material design icons for vue.js
https://www.npmjs.com/package/mdi-vue
MIT License
88 stars 13 forks source link

IE11 Support #41

Closed peet86 closed 3 years ago

peet86 commented 3 years ago

Please add support for legacy - but still in use - browsers like IE11. Currently the library throws syntax error in IE11. It seems something is off in mdi-vue/browser-c94fd32b.js

therufa commented 3 years ago

oh no! what a nightmare! thanks for reporting this issue, I'll get to it ASAP

peet86 commented 3 years ago

Ohh, thank you Sir, you are very kind Sir!

therufa commented 3 years ago

So after a little investigation, it seems that the issue lays in the build tools we have. A proven solution would be to include the vue icon components instead of the transpiled ones. Meaning, you should import files using the .vue extension as in Cog.vue or import HomeIcon from 'mdi-vue/Home.vue'; etc. instead of just plain simple import SomeIcon from 'mdi-vue/SomeIcon';.
This is the best I've found, for now. Suboptimal, but works.