[UDropdown] item.class no longer applied in v2.11.1

[XStarlink]

Environment

• Nuxt 3.8.2
• Nuxt UI 2.11.1

Version

2.11.1

Reproduction

<template>
  <UDropdown
    :items="actions"
    :ui="{ width: 'w-40' }"
    :popper="{ placement: 'right-start' }"
  >
    <v-icon icon="i-lucide-more-horizontal" size="small" />
  </UDropdown>
</template>

<script setup>
const actions = [
  [
    {
      label: 'Edit',
      icon: 'i-lucide-pen-square',
      click: () => {}
    },
    {
      label: 'Share',
      icon: 'i-lucide-share',
      disabled: true,
      click: () => {}
    }
  ],
  [
    {
      label: 'Delete',
      class: '!text-red-500',
      icon: 'i-lucide-trash-2',
      iconClass: 'text-red-500',
      click: () => {}
    }
  ]
]
</script>

Description

Hello thanks for this great lib,
In my project I used to style some dropdown items with 'class' like this:

{
  label: 'Delete',
  class: 'text-red-500',
  icon: 'i-lucide-trash-2',
  iconClass: 'text-red-500',
  click: () => {}
}

But it doesn't work after updating to 2.11.1, (only iconClass works), is this normal or a bug?

Before:

After (In 2.11.1):

Additional context

No response

Logs

No response

[benjamincanac]

This is weird, nothing has changed about this. From what version did you upgrade?

[XStarlink]

This is weird, nothing has changed about this. From what version did you upgrade?

Hello @benjamincanac, I came from v2.10.0, I made two reproductions:

• v2.10.0 here
• v2.11.1 here

You can see that on v2.11.1 the text with the class is no longer in red, even with !important.

[benjamincanac]

The class was no longer applied after this f323379. Thanks for the report!

[XStarlink]

That was fast! Thanks for the fix!

The class was no longer applied after this f323379. Thanks for the report!