t-fighting-design/es/card/src/index2.js

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

import { defineComponent as a, computed as c, openBlock as r, createElementBlock as t, normalizeClass as i, unref as p, renderSlot as s, createTextVNode as m, toDisplayString as f, createCommentVNode as u, createElementVNode as _, normalizeStyle as h } from "vue";
import { Props as y } from "./index3.js";
const C = {
  key: 0,
  class: "f-card__header"
}, $ = a({
  name: "FCard"
}), v = /* @__PURE__ */ a({
  ...$,
  props: y,
  setup(d) {
    const n = d, l = c(() => {
      const { round: e, shadow: o } = n;
      return [
        "f-card",
        {
          "f-card__round": e,
          [`f-card__shadow-${o}`]: o
        }
      ];
    });
    return (e, o) => (r(), t("div", {
      class: i(p(l))
    }, [
      e.$slots.header || e.title ? (r(), t("div", C, [
        s(e.$slots, "header", {}, () => [
          m(f(e.title), 1)
        ])
      ])) : u("", !0),
      _("div", {
        class: "f-card__body",
        style: h({ padding: e.padding })
      }, [
        s(e.$slots, "default")
      ], 4)
    ], 2));
  }
});
export {
  v as default
};