Nuxt•7mo ago

Object literal may only specify known properties, and 'ui' does not exist in type InputConfig

Hi there, I'm trying to specify icon packs to use with Nuxt UI. However, when I go to put them into my Nuxt config as specified in the Theming section of the docs (https://ui.nuxt.com/getting-started/theming#collections), TypeScript complains that ui does not exist in type InputConfig ... and, for some reason, Nuxt UI stops working (it was working before adding the ui object. Nuxt config:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ['@nuxt/ui'],
  ui: {
    icons: ['lucide']
  }
})

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ['@nuxt/ui'],
  ui: {
    icons: ['lucide']
  }
})

Nuxt UI

Theming - Nuxt UI

Learn how to customize the look and feel of the components.

3 Replies

joe_black_unlucky•7mo ago

Did you add this to app.config.ts or to nuxt.config.ts I think the modules bit goes in nuxt and the ui bit goes into app https://nuxt.com/docs/guide/directory-structure/app-config

Nuxt

app.config.ts · Nuxt Directory Structure

Expose reactive configuration within your application with the App Config file.

proudparrot2OP•7mo ago

I added it to nuxt, the docs say so

proudparrot2OP•7mo ago

Gaming

Programming

Object literal may only specify known properties, and 'ui' does not exist in type InputConfig