CoreUI PRO for Vue v5.8.0

CoreUI PRO for Vue v5.8.0

We are excited to announce the release of CoreUI PRO for Vue v5.8.0. This update introduces new features, refactors for improved performance, and critical dependency updates to enhance the stability and maintainability of the CoreUI PRO Vue library.

How to Update

To update your project to CoreUI PRO for Vue v5.8.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.8.0.
  3. Update the @coreui/coreui-pro entry to 5.7.0.
  4. Save the changes to your package.json file.
  5. In your project’s root directory, run the update command appropriate for your package manager:
    • For npm users: run npm install
    • For yarn users: run yarn install

What’s New

Features

  • feat(CDatePicker, CDateRangePicker, CTimePicker): Added support for generating dropdown menus using createPortal.
  • feat(CRangeSlider): Introduced a new Vue Range Slider component for enhanced range input functionality.

Refactors

  • refactor(CDatePicker, CDateRangePicker, CTimePicker): Improved accessibility and overall user experience.

Dependency Updates

This release includes updates to several dependencies, ensuring improved stability and compatibility:

  • @coreui/coreui-pro: ^5.6.0^5.7.0
  • @docsearch/css: ^3.6.2^3.7.0
  • @docsearch/js: ^3.6.2^3.7.0
  • @typescript-eslint/eslint-plugin: ^8.8.0^8.14.0
  • @typescript-eslint/parser: ^8.8.0^8.14.0
  • @vuepress/plugin-active-header-links: 2.0.0-rc.552.0.0-rc.60
  • @vuepress/plugin-git: 2.0.0-rc.562.0.0-rc.60
  • @vuepress/plugin-theme-data: 2.0.0-rc.572.0.0-rc.60
  • eslint-plugin-unicorn: ^55.0.0^56.0.0
  • eslint-plugin-vue: ^9.28.0^9.31.0
  • lerna: ^8.1.8^8.1.9
  • rollup: ^4.24.2^4.25.0
  • sass: ^1.80.4^1.80.6
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

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