VueUiIcon create component

Author: graphieros

README.md

@@ -14,7 +14,7 @@
 ![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)
 ![NPM](https://img.shields.io/npm/l/vue-data-ui)
 ![npm](https://img.shields.io/npm/dt/vue-data-ui)
-![Static Badge](https://img.shields.io/badge/components-30-green)
+![Static Badge](https://img.shields.io/badge/components-31-green)
 
 [Interactive documentation](https://vue-data-ui.graphieros.com/)
 
@@ -62,6 +62,7 @@ Available components:
 - [VueUiSkeleton](https://vue-data-ui.graphieros.com/docs#vue-ui-skeleton)
 - [VueUiDashboard](https://vue-data-ui.graphieros.com/docs#vue-ui-dashboard)
 - [VueUiAnnotator](https://vue-data-ui.graphieros.com/docs#vue-ui-annotator)
+- [VueUiIcon](https://vue-data-ui.graphieros.com/docs#vue-ui-icon)
 
 # Installation
 ```

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.39",
+  "version": "1.9.40",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

package.json

@@ -28,6 +28,7 @@ import VueUiRings from "./components/vue-ui-rings.vue";
 import VueUiWheel from "./components/vue-ui-wheel.vue";
 import VueUiTiremarks from "./components/vue-ui-tiremarks.vue";
 import VueUiDonutEvolution from "./components/vue-ui-donut-evolution.vue";
+import VueUiIcon from "./atoms/BaseIcon.vue";
 
 export { 
     VueUiXy, 
@@ -59,5 +60,6 @@ export {
     VueUiRings,
     VueUiWheel,
     VueUiTiremarks,
-    VueUiDonutEvolution
+    VueUiDonutEvolution,
+    VueUiIcon
 };

src/index.js

@@ -32,6 +32,7 @@ import {
     VueUiWheel,
     VueUiTiremarks,
     VueUiDonutEvolution,
+    VueUiIcon
 } from 'vue-data-ui';
 import 'vue-data-ui/style.css';
 
@@ -66,4 +67,5 @@ app.component("VueUiRings", VueUiRings);
 app.component("VueUiWheel", VueUiWheel);
 app.component("VueUiTiremarks", VueUiTiremarks);
 app.component("VueUiDonutEvolution", VueUiDonutEvolution);
+app.component("VueUiIcon", VueUiIcon);
 app.mount('#app');