Environment

• Operating System: Linux
• Node Version: v22.13.1
• Nuxt Version: 3.16.0
• CLI Version: 3.23.0
• Nitro Version: 2.11.6
• Package Manager: [email protected]
• Builder: -
• User Config: app, build, colorMode, compatibilityDate, debug, devtools, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite
• Runtime Modules: @nuxt/[email protected], @pinia/[email protected], @vueuse/[email protected], @nuxtjs/[email protected], [email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0

Reproduction

https://codesandbox.io/p/devbox/wonderful-violet-jrsqy9

Description

I get a type error when using an array of strings for the variant key inside of `compoundVariants´:

export default defineAppConfig({
  ui: {
    colors: {
      primary: "green",
      neutral: "slate",
    },
    select: {
      compoundVariants: [
        {
          color: "primary",
          variant: ["outline", "subtle"],
          class: "data-[state='open']:ring",
        },
      ],
    },
  },
});

app/app.config.ts:11:11 - error TS2322: Type 'string[]' is not assignable to type 'string'.

11           variant: ["outline", "subtle"],
             ~~~~~~~

It does work tho, so its only a type issue I think.

Additional context

No response

Logs