vue-svg-loader

• Updated non-direct dependencies
• Fixed issue with missing SVGO
• Moved docs dependencies out to a separate package.json
• Reduced memory footprint by importing specific function from semver package

Long time no see! It's been a while since the last release and the issue list has gotten quite long, it's time to fix this! I've been focused on my SVG-to-Vue plugin for Vite (vite-plugin-svg) and now that we are close to a stable release of Vue 3 I wanted to clean up this plugin too. I plan to continue supporting Vue 2, but you should see Vue 3 support in the following days.

You don't need to use babel-loader with this plugin, but you need to add vue-loader before vue-svg-loader. Please check out the documentation on the dev branch to see the configuration examples.

This move saves us from many headaches: broken IE 11, issues with event listeners, custom handling of class and style bindings and a few more caused by some of my decisions.

Nothing new, just package updates for both svg-to-vue and vue-svg-loader to keep everything up-to-date.

• Moved the logic to a separate package: svg-to-vue, so that it can also be used by rollup-plugin-vue-svg.
• Generated components:
  • use ESM export format to take advantage of webpack's dead-code detection,
  • are now set as functional.
• Updated non-direct dependencies.

• Added option to disable SVGO (set svgo to false)
• Refactored loader code
• Updated packages:
  • svgo to v1.1.1
  • vuepress to v0.14.4
  • vue-tabs-component to v1.5.0
  • ... and a lot non-direct dependencies

• Added class/style merging behavior for functional SVG components

• Added ability to use SVG's as functional components (Thank you @henriqemalheiros!)

• Upgrade vuepress and vue-template-compiler

• Removed the toString from the SVG component definition

• Upgraded svgo to v1.0.4 (#13, #16)
• Removed useless svgo config
• Refactored compiler code - render function is not using with statement anymore (#18)
• Changed how imported SVG file path can be retrieved, which helped simplify code a bit (#14)

import TestIcon from 'icons/test.svg';

// This will display an absolute path to the icon above
console.log(TestIcon.toString());

• Added ability to customize options passed to SVGO (thanks @matpeder!)

• Fixed issue with SSR by using template compiler to render components (thanks @4ver!)
• Updated SVGo dependency

Initial release