@inkline/inkline/composables/useComponentSize.mjs

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

import { computed } from "vue";
import { useInkline } from "@inkline/inkline/composables/useInkline";
export function useComponentSize(props) {
  const inkline = useInkline();
  const size = computed(() => {
    let sizeClass = props.currentSize.value || "md";
    if (!props.currentSize.value && inkline?.options) {
      if (inkline.options.componentOptions[props.componentName]?.size) {
        sizeClass = inkline.options.componentOptions[props.componentName]?.size;
      } else if (inkline.options.size) {
        sizeClass = inkline.options.size;
      }
    }
    return sizeClass;
  });
  return { size };
}