vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
28 lines (27 loc) • 604 B
JavaScript
import { computed as l } from "vue";
const n = (e) => {
const a = {
start: "flex-start",
end: "flex-end",
center: "center",
baseline: "baseline",
initial: "initial"
};
return {
spaceAttrs: l(() => ({
class: {
"is-full": e.fullWidth.value
},
style: {
display: "inline-flex",
gap: `${e.gap.value}px`,
flexWrap: e.wrap.value ? "wrap" : "nowrap",
flexDirection: e.direction.value === "vertical" ? "column" : "row",
alignItems: a[e.align.value] || "flex-start"
}
}))
};
};
export {
n as useSpace
};