@scalar/api-reference
Version:
Generate beautiful API references from OpenAPI documents
36 lines (35 loc) • 1.22 kB
JavaScript
import { defineComponent, computed, createElementBlock, createCommentVNode, openBlock, Fragment, renderList, createBlock, unref, withCtx, createTextVNode, toDisplayString } from "vue";
import Badge from "../../components/Badge/Badge.vue.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "XBadges",
props: {
position: {},
badges: {}
},
setup(__props) {
const filteredBadges = computed(() => {
if (Array.isArray(__props.badges)) {
return __props.badges.filter(
(badge) => badge.position === __props.position || __props.position === "after" && !badge.position
);
}
return [];
});
return (_ctx, _cache) => {
return filteredBadges.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(filteredBadges.value, (badge) => {
return openBlock(), createBlock(unref(Badge), {
key: badge.name,
color: badge.color
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(badge.name), 1)
]),
_: 2
}, 1032, ["color"]);
}), 128)) : createCommentVNode("", true);
};
}
});
export {
_sfc_main as default
};