CoreUI for Vue v5.3.0

CoreUI for Vue v5.3.0

We are excited to announce the release of CoreUI for Vue v5.3.0. This update introduces new features, refactors existing components for better performance and maintainability, and updates various dependencies to their latest versions.


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 ensure a smooth transition to CoreUI for Vue v5.3.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.3.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to 5.1.2.
  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.

What’s New

  • feat(CFooter): Added the as property to enable the usage of semantic tags.
  • feat(CHeader): Added the as property to enable the usage of semantic tags.
  • fix(CFormSelect): Added the missing selected attribute to the option typings.
  • feat(CModal): Introduced the container and teleport properties to allow appending the modal to a specific element.
  • docs: Migrated examples to <script setup>.

Dependency Updates

This release also includes updates to various dependencies, ensuring that the CoreUI Vue library remains up-to-date and secure:

  • Updated @coreui/coreui from ^5.1.0 to ^5.1.2.
  • Updated @coreui/icons-vue from ^2.1.0 to ^2.2.0.
  • Updated @typescript-eslint/eslint-plugin from ^7.17.0 to ^8.3.0.
  • Updated @typescript-eslint/parser from ^7.17.0 to ^8.3.0.
  • Updated @vuepress/bundler-vite from 2.0.0-rc.14 to 2.0.0-rc.15.
  • Updated @vuepress/bundler-webpack from 2.0.0-rc.14 to 2.0.0-rc.15.
  • Updated @vuepress/plugin-active-header-links from 2.0.0-rc.39 to 2.0.0-rc.42.
  • Updated @vuepress/plugin-git from 2.0.0-rc.38 to 2.0.0-rc.42.
  • Updated @vuepress/plugin-markdown-container from 2.0.0-rc.37 to 2.0.0-rc.42.
  • Updated @vuepress/plugin-register-components from 2.0.0-rc.37 to 2.0.0-rc.42.
  • Updated @vuepress/plugin-theme-data from 2.0.0-rc.39 to 2.0.0-rc.42.
  • Updated @vuepress/plugin-toc from 2.0.0-rc.39 to 2.0.0-rc.42.
  • Updated @vuepress/shared from 2.0.0-rc.14 to 2.0.0-rc.15.
  • Updated @vuepress/utils from 2.0.0-rc.14 to 2.0.0-rc.15.
  • Updated eslint-plugin-unicorn from ^54.0.0 to ^55.0.0.
  • Updated lerna from ^8.1.7 to ^8.1.8.
  • Updated markdown-it-anchor from ^9.0.1 to ^9.1.0.
  • Updated rollup from ^4.19.0 to ^4.21.2.
  • Updated ts-jest from ^29.2.3 to ^29.2.5.
  • Updated vue from ^3.4.33 to ^3.4.38.
  • Updated vuepress from 2.0.0-rc.14 to 2.0.0-rc.15.

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.”