CoreUI PRO for Vue v5.4.0

CoreUI PRO for Vue v5.4.0

We are excited to announce the release of CoreUI PRO for Vue v5.4.0. This update introduces new features, significant improvements, and crucial bug fixes to enhance your development experience and ensure better performance.

How to Update

To smoothly update your project to CoreUI PRO for Vue v5.4.0, follow these steps:

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

What’s New

  • feat(CCalendar, CDatePicker, CDateRangePicker): Improved accessibility handling.
  • 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.
  • feat(CModal): Introduced container and teleport properties to allow appending the modal to a specific element.
  • fix(CCalendar): Resolved time zone issues.
  • fix(CFormSelect): Added the missing selected attribute to the option typings.
  • docs: Migrated examples to <script setup>.
  • docs(CCalendar): Added component documentation.

Dependency Updates

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

  • Updated @coreui/coreui-pro from ^5.3.0 to ^5.4.0.
  • 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.
Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript

What is the difference between typeof and instanceof in JavaScript
What is the difference between typeof and instanceof in JavaScript

How to conditionally add attributes to React components
How to conditionally add attributes to React components

How to force a React component to re-render
How to force a React component to re-render