Function useRounded

packages/vuetify/src/composables/rounded.ts:29–66

(
  props: RoundedProps | Ref<RoundedValue>,
  name = getCurrentInstanceName(),
)

}, 'rounded')

export function useRounded (
  props: RoundedProps | Ref<RoundedValue>,
  name = getCurrentInstanceName(),
): RoundedData {
  const roundedClasses = computed(() => {
    const rounded = isRef(props) ? props.value : props.rounded
    const tile = isRef(props) ? false : props.tile
    const classes: string[] = []

    if (tile || rounded === false) {
      classes.push('rounded-0')
    } else if (rounded === true || rounded === '') {
      classes.push(`${name}--rounded`)
    } else if (rounded === 0 || (typeof rounded === 'string' && (rounded === '0' || !/[0-9%]/.test(rounded) || /\d*xl$/.test(rounded)))) {
      for (const value of String(rounded).split(' ')) {
        classes.push(`rounded-${value}`)
      }
    }

    return classes
  })

  const roundedStyles = computed<CSSProperties>(() => {
    const rounded = isRef(props) ? props.value : props.rounded
    const roundedText = String(rounded)

    if (!/[0-9]/.test(roundedText) ||
      roundedText.includes('xl') ||
      roundedText === '0'
    ) {
      return {}
    }

    return { borderRadius: convertToUnit(roundedText) }
  })

  return { roundedClasses, roundedStyles }
}