t-fighting-design/es/loading-bar/src/index2.js

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

import { defineComponent as e, computed as a, openBlock as s, createElementBlock as c, normalizeClass as l, unref as p } from "vue";
import { Props as i } from "./index3.js";
const m = e({
  name: "FLoadingBar"
}), d = /* @__PURE__ */ e({
  ...m,
  props: i,
  setup(n) {
    const t = n, r = a(() => {
      const { type: o } = t;
      return ["f-loading-bar", { [`f-loading-bar__${o}`]: o }];
    });
    return (o, _) => (s(), c("div", {
      class: l(p(r))
    }, null, 2));
  }
});
export {
  d as default
};