[Bug] Missing @nuxt/ui AppConfig typings

[0x408]

After installing nuxt-laravel-echo module AppConfigInput.ui?: AppConfigUI | undefined dissapears.

Before:

After:

To Reproduce

To reproduce just add nuxt-laravel-echo to modules in nuxt.config.ts.

Module information

• Version: 0.2.9

Configs

/layers/ui/nuxt.config.ts

export default defineNuxtConfig({
  modules: ["@nuxtjs/tailwindcss", "@nuxt/ui", "@nuxt/image"]
});

nuxt.config.ts

export default defineNuxtConfig({
  modules: ["@nuxtjs/sitemap", "nuxt-laravel-echo"],

  echo: {
    broadcaster: "reverb",
    host: process.env.WEBSOCKET_HOST,
    key: process.env.WEBSOCKET_KEY,
  },
});

Nuxt environment:

• Nuxt Version: 4.2.1
• Nuxt UI: 4.2.1

[manchenkoff]

Hey @0x408 , I am not sure that I can affect this behaviour since it is out of the module scope. Type augmentation works behind the scenes of Nuxt, where each module just provides additional types, not overrides. Here is the example - https://nuxt.com/docs/4.x/guide/going-further/modules#adding-type-declarations.

Have you tried to use AppConfig or AppConfigInput types from @nuxt/schema instead of typeof defineAppConfig?

Also, since you are using layers, maybe this will help you - https://nuxt.com/docs/4.x/directory-structure/app/app-config#merging-strategy.

[0x408]

Have you tried to use AppConfig or AppConfigInput types from @nuxt/schema instead of typeof defineAppConfig?

@manchenkoff Thanks for the hint! This works as a workaround.

import type { AppConfigInput } from "@nuxt/schema";

type NuxtUIThemeConfig = NonNullable<AppConfigInput["ui"]>;
export type UComponentTheme<T extends keyof NuxtUIThemeConfig> = NuxtUIThemeConfig[T];

import type { AppConfigInput } from "@nuxt/schema";

export default defineAppConfig({
  ui: {
    colors: {
      primary: "green",
      secondary: "yellow",
      neutral: "gray"
    }
  } satisfies AppConfigInput["ui"]
});

Something is definitely going wrong behind the scenes, but i guess satisfies AppConfigInput["ui"] is a reasonable fix. Thanks again!