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

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

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