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

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

import { defineComponent as r, computed as s, openBlock as a, createElementBlock as m, normalizeStyle as p, unref as i, renderSlot as l } from "vue";
import { Props as c } from "./index3.js";
import { sizeChange as f } from "../../_utils/index3.js";
const _ = /* @__PURE__ */ r({
  props: c,
  setup(o) {
    const t = o, n = s(() => {
      const { padding: e } = t;
      return {
        "--f-main-padding": f(e)
      };
    });
    return (e, d) => (a(), m("main", {
      role: "main",
      class: "f-main",
      style: p(i(n))
    }, [
      l(e.$slots, "default")
    ], 4));
  }
});
export {
  _ as default
};