add mix v6 support

Author: danielstgt

README.md

@@ -28,6 +28,7 @@ Next require the extension inside your Laravel Mix config and call `svgVue()` in
 const mix = require('laravel-mix');
 require('laravel-mix-svg-vue');
 
+// add .vue() to the pipeline if you are using mix v6
 mix.js('resources/js/app.js', 'public/js')
  .svgVue();
 ```
@@ -132,3 +133,7 @@ Rendering lists could be handled like this:
 ```
 
 Just remember the `key` has to be unique. More examples for this can be found in the Vue documentation.
+
+When toggling between elements that have the same tag name, you must tell Vue that they are distinct elements by giving them unique key attributes. Otherwise, Vue’s compiler will only replace the content of the element for efficiency. Even when technically unnecessary though, it’s considered good practice to always key multiple items within a component.
+
+https://stackoverflow.com/questions/42019828/smoothly-animate-v-show-in-vuejs

package.json

@@ -1,6 +1,6 @@
 {
  "name": "laravel-mix-svg-vue",
- "version": "0.2.6",
+ "version": "0.2.7",
  "description": "A Laravel Mix extension to inline SVG files with Vue.js and automatically optimize them with SVGO",
  "main": "index.js",
  "files": [
@@ -28,15 +28,15 @@
  },
  "homepage": "https://github.com/danielstgt/laravel-mix-svg-vue",
  "peerDependencies": {
- "laravel-mix": "^4.0.15 || ^5.0.0"
+ "laravel-mix": "^4.0.15 || ^5.0.0 || ^6.0.0"
  },
  "dependencies": {
  "fs": "0.0.1-security",
  "imagemin": "^6.1.0",
  "imagemin-svgo": "^7.0.0",
  "img-loader": "^3.0.1",
+ "path": "^0.12.7",
  "raw-loader": "^4.0.0",
- "svg-vue": "^0.1.1",
- "webpack": "^4.41.3"
+ "svg-vue": "^0.1.1"
  }
 }