Move core to another package: svg-to-vue

Author: visualfanatic

index.js

@@ -1,66 +1,14 @@
-const SVGO = require('svgo');
+const svgToVue = require('svg-to-vue');
 const { getOptions } = require('loader-utils');
-const { compile } = require('vue-template-compiler');
-const stripWith = require('vue-template-es2015-compiler');
-
-function getSvg(content, path, svgoConfig) {
-  if (svgoConfig === false) {
-    return Promise.resolve(content);
-  }
-
-  return new SVGO(svgoConfig)
-    .optimize(content, { path })
-    .then(result => result.data);
-};
 
 module.exports = function (content) {
-  const path = this.resourcePath;
   const callback = this.async();
-  const options = getOptions(this) || {};
-
-  const {
-    svgo: svgoConfig = {},
-    functional = false,
-  } = options;
-
-  getSvg(content, path, svgoConfig)
-    .then((result) => {
-      let { render: renderFn } = compile(result, {
-        preserveWhitespace: false,
-        modules: [
-          !!functional && {
-            transformNode: (el) => {
-              if (el.tag === 'svg') {
-                el.classBinding = '[data.class, data.staticClass]';
-                el.styleBinding = '[data.style, data.staticStyle]';
-              }
-            },
-          },
-        ],
-      });
-
-      renderFn = `
-        function render(${functional ? '_h, _vm' : ''}) {
-          ${renderFn};
-        };
-      `;
-
-      renderFn = stripWith(renderFn, {
-        transforms: {
-          stripWithFunctional: !!functional,
-        },
-      });
-
-      const component = `
-        ${renderFn}
-
-        module.exports = {
-          ${functional ? 'functional: true,' : ''}
-          render: render,
-        };
-      `;
+  const { svgo } = getOptions(this) || {};
 
-      callback(null, component);
-    })
+  svgToVue(content, {
+    svgoPath: this.resourcePath,
+    svgoConfig: svgo,
+  })
+    .then(component => callback(null, component))
     .catch(callback);
 };

package.json

@@ -21,9 +21,7 @@
   "main": "index.js",
   "dependencies": {
     "loader-utils": "^1.1.0",
-    "svgo": "^1.1.1",
-    "vue-template-compiler": "^2.5.17",
-    "vue-template-es2015-compiler": "^1.6.0"
+    "svg-to-vue": "^0.1.0"
   },
   "devDependencies": {
     "vue-tabs-component": "^1.5.0",