@scalar/api-reference/dist/components/Badge/Badge.vue2.js

Generate beautiful API references from OpenAPI documents

import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "Badge",
  props: {
    color: {}
  },
  setup(__props) {
    const badgeStyle = computed(
      () => __props.color ? {
        "--badge-background-color": __props.color,
        "--badge-text-color": `color-mix(in srgb, ${__props.color}, black 40%)`
      } : {}
    );
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: "badge",
        style: normalizeStyle(badgeStyle.value)
      }, [
        renderSlot(_ctx.$slots, "default", {}, void 0, true)
      ], 4);
    };
  }
});
export {
  _sfc_main as default
};