fix: Use h to create component

ui/components/FeatherIcon.vue

@@ -1,6 +1,3 @@
-<template>
-    <div class="feather-icon" v-html="iconSVG"></div>
-</template>
 <script>
 import feather from 'feather-icons';
 
@@ -14,33 +11,32 @@ export default {
       validator(value) {
         const valid = validIcons.includes(value);
         if (!valid) {
-                    console.warn(`name property for feather-icon must be one of `, validIcons);
+          console.warn(
+            `name property for feather-icon must be one of `,
+            validIcons
+          );
         }
         return valid;
       }
-        },
-        size: {
-            type: Number,
-            default: 16
     }
   },
-    computed: {
-        iconSVG() {
-          const icon = feather.icons[this.name];
-          if (!icon) {
-            return '';
+  render(h) {
+    let icon = feather.icons[this.name];
+    return h('svg', {
+      attrs: Object.assign({}, icon.attrs, {
+        fill: 'none',
+        stroke: 'currentColor',
+        'stroke-linecap': 'round',
+        'stroke-linejoin': 'round',
+        'stroke-width': 1.5,
+        width: null,
+        height: null
+      }),
+      class: [icon.attrs.class],
+      domProps: {
+        innerHTML: icon.contents
       }
-          return icon.toSvg({
-              width: this.size,
-              height: this.size
     });
   }
-    }
-}
+};
 </script>
-<style>
-.feather-icon {
-    display: inline-flex;
-}
-</style>
-