CoreUI PRO for Vue v5.3.0

CoreUI PRO for Vue v5.3.0

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

Documentation

Features

  • CMultiSelect: Added name property to improve handling the name attribute of the native select component.
  • CMultiSelect: Allows resetting selection when options are updated.
  • CDatePicker, CDateRangePicker: Added the name property to set name attributes for input elements.
  • CTimePicker: Added id and name properties to allow setting those attributes for the input element.

Refactors

  • CAvatar: Added CSS Variables support.
  • CButton: Improved colors and variants handling.

Dependency Updates

This release also includes updates to several dependencies to ensure compatibility with the latest features and security patches:

  • Updated @coreui/coreui-pro from ^5.2.0 to ^5.3.0
  • Updated @docsearch/css from ^3.6.0 to ^3.6.1
  • Updated @docsearch/js from ^3.6.0 to ^3.6.1
  • Updated @rollup/plugin-commonjs from ^25.0.8 to ^26.0.1
  • Updated @typescript-eslint/eslint-plugin from ^7.11.0 to ^7.17.0
  • Updated @typescript-eslint/parser from ^7.11.0 to ^7.17.0
  • Updated @vuepress/bundler-vite from 2.0.0-rc.12 to 2.0.0-rc.14
  • Updated @vuepress/bundler-webpack from 2.0.0-rc.12 to 2.0.0-rc.14
  • Updated @vuepress/plugin-active-header-links from 2.0.0-rc.31 to 2.0.0-rc.39
  • Updated @vuepress/plugin-git from 2.0.0-rc.31 to 2.0.0-rc.38
  • Updated @vuepress/plugin-markdown-container from 2.0.0-rc.30 to 2.0.0-rc.37
  • Updated @vuepress/plugin-prismjs from 2.0.0-rc.32 to 2.0.0-rc.37
  • Updated @vuepress/plugin-register-components from 2.0.0-rc.31 to 2.0.0-rc.37
  • Updated @vuepress/plugin-theme-data from 2.0.0-rc.31 to 2.0.0-rc.39
  • Updated @vuepress/plugin-toc from 2.0.0-rc.31 to 2.0.0-rc.39
  • Updated @vuepress/shared from 2.0.0-rc.12 to 2.0.0-rc.14
  • Updated @vuepress/utils from 2.0.0-rc.12 to 2.0.0-rc.14
  • Updated eslint-plugin-prettier from ^5.1.3 to ^5.2.1
  • Updated eslint-plugin-unicorn from ^51.0.1 to ^54.0.0
  • Updated eslint-plugin-vue from ^9.26.0 to ^9.27.0
  • Updated lerna from ^8.1.3 to ^8.1.7
  • Updated prettier from ^3.2.5 to ^3.3.3
  • Updated rollup from ^4.18.0 to ^4.19.0
  • Updated sass from ^1.77.2 to ^1.77.8
  • Updated ts-jest from ^29.1.4 to ^29.2.3
  • Updated typescript from ^5.4.5 to ^5.5.4
  • Updated vue from ^3.4.27 to ^3.4.33
  • Updated vue-types from ^5.1.2 to ^5.1.3
  • Updated vuepress from 2.0.0-rc.12 to 2.0.0-rc.14
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
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

What are the three dots `...` in JavaScript do?
What are the three dots `...` in JavaScript do?

How to replace all occurrences of a string in JavaScript?
How to replace all occurrences of a string in JavaScript?

How to remove a property from an object in Javascript
How to remove a property from an object in Javascript

The Wacky World of JavaScript: Unraveling the Oddities
The Wacky World of JavaScript: Unraveling the Oddities