CoreUI for Vue v5.10.0 - CAlert & CButton Enhancements, Accessibility Improvements

We are excited to announce the release of CoreUI for Vue v5.10.0. This release enhances the CAlert and CButton components, hardens the tooltip and popover directives against XSS, improves accessibility across close buttons and tooltips, and migrates the documentation to Astro.

---

Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.

---

How to Update

To update your project to CoreUI for Vue v5.10.0, follow these steps:

1. Open your project’s package.json.
2. Locate the @coreui/vue entry under dependencies and update the version number to 5.10.0.
3. Find the @coreui/coreui entry under dependencies and update the version number to ^5.9.0.
4. Save your changes to the package.json file.
5. In your project’s root directory, run the update command appropriate for your package manager:
   • For npm users, execute npm install.
   • For yarn users, execute yarn install.
   • For pnpm users, execute pnpm install.

What’s New

Features

• CAlert: Added a transition, a closed event, and an ariaCloseLabel prop, and now forwards class to the alert element.

• CButton: Added a toggle prop and sets type on input buttons.

• CCloseButton, CModalHeader, CToastHeader: Allow customizing the close button aria-label.

Bug Fixes

• CModalHeader: Renders a div instead of a span.
• useColorModes: Removes the matchMedia listener on unmount.
• useUniqueId: Stops mutating the prefix so ids don’t snowball.

Security

• Directives: Tooltip and popover content is now rendered as text to prevent XSS.

Accessibility

• CAlert: Exposes role="alert" for assistive technology.
• Tooltip & Popover: Dismiss on the Escape key, in line with WCAG 1.4.13.

Documentation & Tooling

• Migrated the documentation to the shared @coreui/astro-docs engine and upgraded to Astro 7.
• Migrated the test runner from Jest to Vitest and the package manager from Yarn Classic to npm.
• Added an AI Tools section (MCP Server and LLMs.txt), a SECURITY.md, Dependabot config, and CodeQL code scanning.

Migration Notes

This is a feature release with no breaking changes announced in the published release notes. After upgrading:

1. Install updated dependencies.
2. Run your test suite and verify the build.
3. Review CAlert and CButton usage to take advantage of the new props.

---

For a comprehensive overview of all changes, enhancements, and updates introduced in this release, please refer to the full changelog on GitHub.