add new icons component

index.js

@@ -3,19 +3,21 @@ import VInput from './src/components/VInput.vue';
 import VSelect from './src/components/VSelect.vue';
 import {Quasar} from 'quasar';
 import quasarUserOptions from './src/quasar-user-options';
+import VIcon from '@/components/VIcon.vue';
 
 function install(app) {
   app.use(Quasar, quasarUserOptions)
   app.component(VButton.name, VButton);
   app.component(VInput.name, VInput);
   app.component(VSelect.name, VSelect);
+  app.component(VIcon.name, VIcon)
   app.config.globalProperties.$q.iconMapFn = (iconName) => {
     if (iconName.startsWith('app:') === true) {
       const name = iconName.substring(4)
 
       return {
-        cls: 'astra-icons',
-        content: name
+        cls: 'astra-icons astra-vicons',
+        content: <VIcon name={name} />
       }
     }
   }