CoreUI PRO for Vue v5.13.0

We are excited to announce the release of CoreUI PRO for Vue v5.13.0 — a major update featuring a brand new Vue Autocomplete component, comprehensive accessibility improvements, and enhanced multi-select functionality with better screen reader compatibility.

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.

Angular

Bootstrap

React.js

Vue.js

How to Update

To update to CoreUI PRO for Vue v5.13.0, follow these steps:

1. Open your package.json file.
2. Update the @coreui/vue-pro dependency to 5.13.0.
3. Update the @coreui/coreui-pro dependency to 5.17.0.
4. Save your changes.
5. Run the appropriate command for your package manager:
   • npm: npm install
   • yarn: yarn install

🚀 What’s New

✨ New Features

• CAutocomplete: Introduced a brand new autocomplete component with:
  • Advanced search and filtering capabilities
  • Support for external and global search modes
  • Option highlighting and hint functionality
  • Virtual scrolling for large datasets
  • Teleport support for dropdown positioning
  • Full keyboard navigation and accessibility
  • Customizable options and styling
• CMultiSelect: Added ariaIndicatorLabel prop for customizable indicator button accessibility labels

♿ Accessibility Improvements

• CAutocomplete: Built with accessibility-first approach featuring:
  • Complete ARIA implementation with role="combobox"
  • Proper aria-owns relationship when teleport is enabled
  • Full keyboard navigation support
  • Screen reader compatibility
• CMultiSelect: Implemented comprehensive ARIA support with proper roles and attributes:
  • Added role="combobox" on main container
  • Added aria-haspopup="listbox" to indicate dropdown presence
  • Added aria-expanded to reflect dropdown state
  • Added aria-owns relationship when teleport is enabled
  • Added role="listbox" on dropdown container
  • Added aria-labelledby to connect dropdown with component label
  • Added aria-multiselectable to indicate multiple selection capability
  • Added role="option" on individual options
  • Added aria-selected on options to indicate selection state
• CMultiSelect: Enhanced indicator button with proper aria-label and aria-expanded attributes
• Documentation: Added comprehensive Accessibility sections covering ARIA attributes, keyboard navigation, screen reader support, and best practices

🛠 Fixes & Improvements

• CMultiSelect: Improved dropdown role from menu to listbox for better semantic meaning
• CMultiSelect: Enhanced keyboard navigation support for better accessibility compliance
• CMultiSelect: Better screen reader announcements for selection changes and loading states
• CAutocomplete: Enhanced teleport functionality with proper accessibility relationships

📦 Dependency Updates

This release includes important dependency updates for better performance and security:

• Updated @coreui/coreui-pro from ^5.14.2 to ^5.17.0
• Updated @rollup/plugin-typescript from ^12.1.3 to ^12.1.4
• Updated eslint from ^9.29.0 to ^9.32.0
• Updated eslint-config-prettier from ^10.1.5 to ^10.1.8
• Updated eslint-plugin-prettier from ^5.5.0 to ^5.5.3
• Updated eslint-plugin-unicorn from ^59.0.1 to ^60.0.0
• Updated eslint-plugin-vue from ^10.2.0 to ^10.4.0
• Updated globals from ^16.2.0 to ^16.3.0
• Updated lerna from ^8.2.2 to ^8.2.3
• Updated prettier from ^3.6.0 to ^3.6.2
• Updated rollup from ^4.44.0 to ^4.46.2
• Updated ts-jest from ^29.4.0 to ^29.4.1
• Updated typescript from ^5.8.3 to ^5.9.2
• Updated typescript-eslint from ^8.34.1 to ^8.38.0
• Updated vue from ^3.5.17 to ^3.5.18

Elevate your Vue applications with CoreUI PRO for Vue v5.13.0 — featuring the powerful new CAutocomplete component and significantly improved accessibility support, ensuring your applications are both feature-rich and accessible to all users.

Now the changelog properly highlights the new CAutocomplete component as a major feature addition, along with all the accessibility improvements and dependency updates.