damianstasik / vue-svg-loader

🔨 webpack loader that lets you use SVG files as Vue components
https://vue-svg-loader.js.org
MIT License
645 stars 86 forks source link

Extract `<style>` elements as scoped css #176

Open ktsn opened 2 years ago

ktsn commented 2 years ago

Hi, I found there is a problem when a loaded SVG has <style> element in it because Vue.js throws an error when a component includes <style> element in its template. You can find the problematic case in this example: https://github.com/ktsn/vue-svg-loader-test

To solve the above case, I have added a code to extract <style> elements from the input SVG and embed them as a scoped css. I confirmed that it works with the above example.