TypeScript error when using slots in app.config for flat-base components

[onmax]

Problem

39 components use flat base: structure in their themes, preventing TypeScript from accepting slots overrides in app.config.ts.

Example Error

// app.config.ts
export default defineAppConfig({
  ui: {
    container: {
      slots: { base: 'custom-class' }  // ❌ TS Error: Property 'slots' does not exist
    }
  }
})

Root Cause

Container theme (src/theme/container.ts):

export default {
  base: 'w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'
}

Type system (src/runtime/types/tv.ts:39):

type ComponentSlots<T> = Id<{
  [K in keyof T['slots']]?: ClassValue  // T['slots'] is undefined for flat base
}>

Affected Components (39 total)

Main (16): container, skeleton, form, main, kbd, link, page-body, page-columns, page-grid, page-list, blog-posts, pricing-plans, field-group, dashboard-group, dashboard-resize-handle, dashboard-sidebar-collapse, dashboard-sidebar-toggle

Prose (23): a, accordion-item, badge, blockquote, card-group, code, em, field-group, hr, icon, kbd, li, ol, p, steps, strong, tabs-item, tbody, td, th, thead, tr, ul

Inconsistency

96% of components use slots: structure, but these 39 use flat base:.

Proposed Solution

Normalize all theme files to use slots: { base: '...' } structure for consistency with Button, Card, Input, Select, Toast, etc.

Note: This is a breaking change requiring migration to v5.0.0. Will add backward compatibility layer for app.config.ts via normalization util.

[benjamincanac]

No I don't think this is a necessary change, we don't need slots when there are no slots 😅
The Theme of each component is clearly described in each component's page and there is a clear section about this: https://ui.nuxt.com/docs/getting-started/theme/components#slots

You simply have to use base in your app.config.ts:

export default defineAppConfig({
  ui: {
    container: {
      base: 'custom-class'
    }
  }
})

[onmax]

Closing - this was based on a misunderstanding. Container's flat base: structure is intentional. match theme structure in app.config (use base: not slots:).