chore: init read-star monorepo

packages/hooks/src/use-svg-icon-render.ts

@@ -0,0 +1,50 @@
+import type { Component } from 'vue'
+import { h } from 'vue'
+
+/**
+ * Svg icon render hook
+ *
+ * @param SvgIcon Svg icon component
+ */
+export default function useSvgIconRender(SvgIcon: Component) {
+  interface IconConfig {
+    /** Iconify icon name */
+    icon?: string
+    /** Local icon name */
+    localIcon?: string
+    /** Icon color */
+    color?: string
+    /** Icon size */
+    fontSize?: number
+  }
+
+  type IconStyle = Partial<Pick<CSSStyleDeclaration, 'color' | 'fontSize'>>
+
+  /**
+   * Svg icon VNode
+   *
+   * @param config
+   */
+  const SvgIconVNode = (config: IconConfig) => {
+    const { color, fontSize, icon, localIcon } = config
+
+    const style: IconStyle = {}
+
+    if (color) {
+      style.color = color
+    }
+    if (fontSize) {
+      style.fontSize = `${fontSize}px`
+    }
+
+    if (!icon && !localIcon) {
+      return undefined
+    }
+
+    return () => h(SvgIcon, { icon, localIcon, style })
+  }
+
+  return {
+    SvgIconVNode,
+  }
+}