Add global config with icon class option

README.md

@@ -77,7 +77,9 @@ _Note: this usage is not recommended as it cannot be tree-shaken._
 import Vue from "vue";
 import VueTablerIcons from "vue-tabler-icons";
 
-Vue.use(VueTablerIcons);
+Vue.use(VueTablerIcons, {
+    iconClass: 'icon', // add a class to each icon
+});
 ```
 
 Now you can use icons without importing them:
@@ -95,7 +97,9 @@ The library doesn't automatically registers itself so you need to do it manually
 
 ```html
 <script>
-    Vue.use(VueTablerIcons);
+    Vue.use(VueTablerIcons, {
+        iconClass: 'icon', // add a class to each icon
+    });
 </script>
 ```
 

build.js

@@ -20,10 +20,12 @@ export default {
     render() {
         const size = this.$props.size + 'px';
         const attrs = this.$data.attrs || {};
+        const iconClass = this.$tiConfig.iconClass;
 
         const allAttrs = {
             width: attrs.width || size,
             height: attrs.height || size,
+            class: iconClass,
         }
 
         return ${svg.replace(/<svg([^>]+)>/, "<svg$1 {...allAttrs}>").replace('icon icon-tabler ', 'icon-tabler ')}

index.js

@@ -2,7 +2,10 @@ export * from './icons';
 import * as components from './icons';
 
 export default {
-    install(Vue) {
+    install(Vue, options = {}) {
+        Vue.config.globalProperties.$tiConfig = Object.assign({}, {
+            iconClass: '',
+        }, options);
         Object
           .entries(components)
           .forEach(([name, component]) => Vue.component(name, component));