Add Vue 3 support

Author: visualfanatic

index.js

@@ -1,5 +1,7 @@
 const SVGO = require('svgo');
 const { getOptions } = require('loader-utils');
+const { version } = require('vue');
+const { major } = require('semver')
 
 module.exports = async function (svg) {
   const callback = this.async();
@@ -18,5 +20,9 @@ module.exports = async function (svg) {
     }
   }
 
-  callback(null, `<template>${svg.replace('<svg', '<svg v-on="$listeners"')}</template>`)
+  if (major(version) === 2) {
+    svg = svg.replace('<svg', '<svg v-on="$listeners"');
+  }
+
+  callback(null, `<template>${svg}</template>`)
 };

package.json

@@ -20,10 +20,14 @@
   "author": "Damian Stasik <[email protected]>",
   "main": "index.js",
   "dependencies": {
-    "loader-utils": "^2.0.0"
+    "loader-utils": "^2.0.0",
+    "semver": "^7.3.2"
   },
   "devDependencies": {
     "vue-tabs-component": "^1.5.0",
     "vuepress": "^1.5.3"
+  },
+  "peerDependencies": {
+    "vue": "^2.5.0 || ^3.0.0-0"
   }
 }

yarn.lock

@@ -6459,6 +6459,11 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.2.0, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
+semver@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
+  integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
+
 [email protected]:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"