fix(ColorModeImage): add baseURL support for public paths

[veeceey]

Summary

• Fixes ColorModeImage not adding BaseURL to Public path. #5916
• Adds app.baseURL support to ColorModeImage component for public folder paths

Changes

ColorModeImage now properly prepends the app.baseURL to image paths starting with /, ensuring images display correctly in production environments with custom base URLs. This implementation matches the existing behavior in the ProseImg component.

Testing

Manual testing:

1. Set app.baseURL in nuxt.config.ts (e.g., /base-url/)
2. Use ColorModeImage with public folder paths:

<UColorModeImage light="/light.png" dark="/dark.png" />

3. Verify images load correctly in production with the baseURL prepended
4. Verify images starting with // (external URLs) are not affected
5. Verify images already containing the baseURL are not duplicated

[coderabbitai]

📝 Walkthrough

Walkthrough

The ColorModeImage component was migrated to the Composition API and now computes refinedLight and refinedDark using resolveBaseURL(props.light/props.dark, useRuntimeConfig().app.baseURL), replacing direct prop bindings in the template. A new resolveBaseURL utility was added to utils, and useRuntimeConfig() was stubbed in src/runtime/vue/stubs/base.ts returning a static app.baseURL. Similar URL-refinement updates replaced manual URL-joining logic in prose image components. No public API signatures were changed.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: adding baseURL support for public paths to the ColorModeImage component.
Description check	✅ Passed	The description clearly explains the fix, changes, and testing approach, directly addressing issue #5916 about ColorModeImage not handling baseURL.
Linked Issues check	✅ Passed	The PR successfully implements all objectives from issue #5916: adds baseURL support to ColorModeImage [#5916], handles protocol-relative URLs correctly, and avoids duplication.
Out of Scope Changes check	✅ Passed	All changes are in scope: ColorModeImage refactoring, new resolveBaseURL utility for centralized URL resolution, and import reordering in related components.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

No actionable comments were generated in the recent review. 🎉

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@6006

commit: f63a535

[benjamincanac]

Thanks! 😊