CoreUI for Vue v5.4.0

CoreUI for Vue v5.4.0

We are excited to announce the release of CoreUI for Vue v5.4.0. This update introduces new features, refactors existing components for better performance, and includes updates to critical dependencies for enhanced security and functionality.


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 smoothly update to CoreUI for Vue v5.4.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.4.0.
  3. Update the @coreui/coreui entry to 5.1.2.
  4. Save the changes to the package.json file.
  5. Run the appropriate command for your package manager:
    • npm users: run npm install
    • yarn users: run yarn install

What’s New

Fixes

  • fix(CToastClose): Resolved an issue allowing a custom component to be passed as a prop, enhancing flexibility in component customization.
  • fix(CTabs): Added the missing disabled prop, ensuring consistent behavior when tabs are disabled.

Refactors

  • refactor(CPopover, CTabs, CTooltips): Refactored to migrate from useUniqueId to useId for improved performance and maintainability.

Dependency Updates

This release also brings important updates to various dependencies, ensuring CoreUI for Vue remains up-to-date with the latest features and security improvements:

  • Updated @types/jest from ^29.5.12 to ^29.5.13
  • Updated @typescript-eslint/eslint-plugin from ^8.3.0 to ^8.6.0
  • Updated @typescript-eslint/parser from ^8.3.0 to ^8.6.0
  • Updated @vuepress/plugin-active-header-links from 2.0.0-rc.42 to 2.0.0-rc.47
  • Updated @vuepress/plugin-git from 2.0.0-rc.42 to 2.0.0-rc.44
  • Updated @vuepress/plugin-markdown-container from 2.0.0-rc.42 to 2.0.0-rc.43
  • Updated @vuepress/plugin-theme-data from 2.0.0-rc.42 to 2.0.0-rc.47
  • Updated @vuepress/plugin-toc from 2.0.0-rc.42 to 2.0.0-rc.47
  • Updated eslint-plugin-vue from ^9.27.0 to ^9.28.0
  • Updated markdown-it-anchor from ^9.1.0 to ^9.2.0
  • Updated rollup from ^4.21.2 to ^4.22.4
  • Updated sass from ^1.77.8 to ^1.79.3
  • Updated typescript from ^5.5.4 to ^5.6.2
  • Updated vue from ^3.4.38 to ^3.5.8

For a detailed overview of all the enhancements, fixes, and updates introduced in this version, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”