CoreUI PRO for Vue v5.2.0

CoreUI PRO for Vue v5.2.0

We are excited to announce the release of CoreUI PRO for Vue v5.2.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.2.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.2.0.
  3. Find the @coreui/coreui-pro entry under dependencies and update the version number to 5.2.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

Features

  • CTabs: Introduced the new Vue tabs component to enhance tabbed navigation in your applications.

Refactors

  • CPopover, CTabs, CTooltips: Updated to use an SSR-friendly unique ID generator, improving server-side rendering compatibility.
  • CMultiSelect: Implemented a feature to clear the search input when the dropdown list is closed.

Fixes

  • CMultiSelect: Added the missing type="button" attribute to the tag close button to ensure correct functionality.
  • CCalendar, CDatePicker, CDateRangePicker: Fixed issues related to different timezones, ensuring consistent date and time handling.

Dependency Updates

Key dependencies have been updated to their latest versions to enhance performance, security, and compatibility:

  • Updated @coreui/coreui-pro from ^5.1.0 to ^5.2.0
  • Updated @rollup/plugin-commonjs from ^25.0.7 to ^25.0.8
  • Updated @typescript-eslint/eslint-plugin from ^7.4.0 to ^7.11.0
  • Updated @typescript-eslint/parser from ^7.4.0 to ^7.11.0
  • Updated @vue/test-utils from ^2.4.5 to ^2.4.6
  • Updated @vuepress/bundler-vite from 2.0.0-rc.11 to 2.0.0-rc.12
  • Updated @vuepress/plugin-active-header-links from 2.0.0-rc.0 to 2.0.0-rc.31
  • Updated @vuepress/plugin-back-to-top from 2.0.0-rc.0 to 2.0.0-rc.31
  • Updated @vuepress/plugin-container from 2.0.0-rc.0 to 2.0.0-rc.28
  • Updated @vuepress/plugin-git from 2.0.0-rc.30 to 2.0.0-rc.31
  • Updated @vuepress/plugin-prismjs from 2.0.0-rc.0 to 2.0.0-rc.32
  • Updated @vuepress/plugin-register-components from 2.0.0-rc.0 to 2.0.0-rc.31
  • Updated @vuepress/plugin-theme-data from 2.0.0-rc.0 to 2.0.0-rc.31
  • Updated @vuepress/plugin-toc from 2.0.0-rc.0 to 2.0.0-rc.31
  • Updated eslint-plugin-vue from ^9.24.0 to ^9.26.0
  • Updated lerna from ^8.1.2 to ^8.1.3
  • Updated rollup from ^4.13.2 to ^4.18.0
  • Updated ts-jest from ^29.1.2 to ^29.1.4
  • Updated typescript from ^5.4.3 to ^5.4.5
  • Updated vue from ^3.4.21 to ^3.4.27
  • Updated vue-types from ^5.1.1 to ^5.1.2
  • Updated vuepress from 2.0.0-rc.0 to 2.0.0-rc.12
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Remove Underline from Link in CSS
How to Remove Underline from Link in CSS

Understanding and Resolving the “React Must Be in Scope When Using JSX
Understanding and Resolving the “React Must Be in Scope When Using JSX

What Does javascript:void(0) Mean?
What Does javascript:void(0) Mean?

How to Detect a Click Outside of a React Component
How to Detect a Click Outside of a React Component

CSS Selector for Parent Element
CSS Selector for Parent Element

How to Convert a Map to an Array in JavaScript
How to Convert a Map to an Array in JavaScript