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

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

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