t-fighting-design/es/svg-icon/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import { defineComponent as t, computed as i, openBlock as n, createElementBlock as s, normalizeStyle as m, unref as a, createBlock as p, resolveDynamicComponent as f, renderSlot as d } from "vue";
import { Props as k } from "./index3.js";
import { sizeChange as u } from "../../_utils/index3.js";
const y = t({
  name: "FSvgIcon"
}), g = /* @__PURE__ */ t({
  ...y,
  props: k,
  setup(c) {
    const o = c, r = (e) => {
      o.click && o.click(e);
    }, l = i(() => ({
      fontSize: u(o.size),
      color: o.color
    }));
    return (e, C) => (n(), s("i", {
      class: "f-svg-icon",
      "text-indent": "middle",
      style: m(a(l)),
      onClick: r
    }, [
      e.icon ? (n(), p(f(e.icon), { key: 0 })) : d(e.$slots, "default", { key: 1 })
    ], 4));
  }
});
export {
  g as default
};