@scalar/api-reference/dist/features/toolbar/ApiReferenceToolbarConfigLayout.vue.js

Generate beautiful API references from OpenAPI documents

import { defineComponent, useModel, computed, createBlock, openBlock, unref } from "vue";
import { ScalarCheckboxRadioGroup } from "@scalar/components";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "ApiReferenceToolbarConfigLayout",
  props: {
    "modelValue": {},
    "modelModifiers": {}
  },
  emits: ["update:modelValue"],
  setup(__props) {
    const ModernOption = { label: "Modern", value: "modern" };
    const ClassicOption = { label: "Classic", value: "classic" };
    const options = [
      ModernOption,
      ClassicOption
    ];
    const model = useModel(__props, "modelValue");
    const selected = computed({
      get: () => model.value === "modern" ? ModernOption : ClassicOption,
      set: (option) => model.value = option.value
    });
    return (_ctx, _cache) => {
      return openBlock(), createBlock(unref(ScalarCheckboxRadioGroup), {
        modelValue: selected.value,
        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
        options
      }, null, 8, ["modelValue"]);
    };
  }
});
export {
  _sfc_main as default
};