Custom accordion with border color as the color attribute

[albertcito]

Description

The idea is to add a border in the accordion, but it should be dynamic. It should have the same color that the current accordion color. For instance the next code, but it will not convert the classes border-{color}-500 in border-red-500 or any other color.

<UAccordion
  color="red"
  :ui="{
    container: 'mb-0.5 border border-{color}-500 rounded-lg overflow-y-hidden',
    item: {
      base: 'border-t border-{color}-500',
      padding: 'py-1.5 px-2.5',
    },
    default: {
      class: 'ring-0 rounded-none',
      size: 'xl',
    },
  }"
  :items="[{
    label: 'Getting Started',
    content: 'Getting started content',
  }, {
    label: 'Installation',
    content: 'Installation content',
  }, {
    label: 'Configuration',
    content: 'Configuration content',
  }, {
    label: 'Usage',
    content: 'Usage content',
  }]"
/>

[albertcito]

Thi sis ui:2 I'll work in ui3 in order to try to do it.