unovue/shadcn-vue

Reproduction

Still having network issues in stackblitz!!!

Describe the bug

Using shadcn-vue 2.7.3 with Luma theme.

In the docs, the Command component has CommandItems which get highlighted as the user presses the up/down arrow keys.

This occurs because there is a data-highlighted attribute put on the currently focused item. This then corresponds to data-[highlighted] tailwind classes.

However, after a fresh pnpm dlx shadcn-vue@latest add command my command menu won't visibly highlight.

While the data-highlighted attribute is still present, the data-[highlighted] tailwind classes are missing. In there place are data-selected classes.

I was able to add the data-highlighted:bg-accent data-highlighted:text-accent-foreground classes to the CommandItem and the highlighter works. So it seems like at some point data-highlighted classes got dropped or got replaced with data-selected by mistake?

System Info

System:
    OS: Linux 6.8 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (16) x64 13th Gen Intel(R) Core(TM) i5-1340P
    Memory: 21.14 GB / 31.06 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 22.22.2 - /home/ian/.nvm/versions/node/v22.22.2/bin/node
    npm: 10.9.7 - /home/ian/.nvm/versions/node/v22.22.2/bin/npm
    pnpm: 11.1.1 - /home/ian/.nvm/versions/node/v22.22.2/bin/pnpm
    bun: 1.1.38 - /home/ian/.bun/bin/bun
  Browsers:
    Chrome: 147.0.7727.55
    Firefox: 150.0.3
    Firefox Developer Edition: 150.0.3

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests