Pre-bundled icons must reflect overrides in the app configuration

[qlampa]

Environment

Operating system	Windows 10.0.26200
CPU	AMD Ryzen 7 7800X3D 8-Core Processor (16 cores)
Node.js version	v24.12.0
nuxt/cli version	3.37.0
Package manager	npm@11.18.0
Nuxt version	4.5.0
Nitro version	2.13.4
Builder	vite@8.1.5
Config	-
Modules	-

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.10.0

Reproduction

None

Description

When you have overriden default nuxt-ui icon set in the appConfig, it must reflect and pre-bundle those, instead of hardcoded set from theme.ts

Additional context

export default defineAppConfig({
	ui: {
		icons: {
			arrowDown: 'tabler:arrow-down',
			arrowLeft: 'tabler:arrow-left',
			arrowRight: 'tabler:arrow-right',
			arrowUp: 'tabler:arrow-up'
			// ...
		}
	}
});

Logs

WARN  Nuxt Icon could not resolve these icons for the client bundle, falling back to runtime loading:                                                                                                                                13:45:14
 - lucide:arrow-down
 - lucide:arrow-left
 - lucide:arrow-right
 - lucide:arrow-up
 - lucide:circle-alert
 - lucide:check
 - lucide:chevrons-left
 - lucide:chevrons-right
 - lucide:chevron-down
 - lucide:chevron-left
 - lucide:chevron-right
 - lucide:chevron-up
 - lucide:x
 - lucide:copy
 - lucide:copy-check
 - lucide:moon
 - lucide:grip-vertical
 - lucide:ellipsis
 - lucide:circle-x
 - lucide:arrow-up-right
 - lucide:eye
 - lucide:eye-off
 - lucide:file
 - lucide:folder
 - lucide:folder-open
 - lucide:hash
 - lucide:info
 - lucide:sun
 - lucide:loader-circle
 - lucide:menu
 - lucide:minus
 - lucide:panel-left-close
 - lucide:panel-left-open
 - lucide:plus
 - lucide:rotate-ccw
 - lucide:search
 - lucide:square
 - lucide:star
 - lucide:circle-check
 - lucide:monitor
 - lucide:lightbulb
 - lucide:upload
 - lucide:triangle-alert

[coderabbitai]

⚠️ Possible Duplicate Issue(s)

• Lucide icon bundle warnings even when Lucide is not used #6755

🔗 Related PRs

#6495 - fix(Icon): avoid recursive icon resolution [merged]
#6597 - feat(components): allow hiding icon with false [closed]
#6633 - feat(module): pre-bundle used icons into @nuxt/icon client bundle [merged]
#6635 - feat(unplugin): pre-bundle used icons into the Vue/Vite build [merged]
#6762 - docs(integrations/icons): Update code example for custom icons [open]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!