CoreUI PRO for Vue v5.7.0

CoreUI PRO for Vue v5.7.0

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

How to Update

To smoothly update your project to CoreUI PRO for Vue v5.7.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.7.0.
  3. Update the @coreui/coreui-pro entry to 5.6.0.
  4. Save the changes to the package.json file.
  5. Run the following command based on your package manager:
    • npm users: run npm install
    • yarn users: run yarn install

What’s New

Documentation

  • docs: Added key for looped contents.

Features

  • feat(CMultiSelect): Allows appending the dropdown to a specific element.
  • feat(CMultiSelect): Added a global search option, improved keyboard support, and accessibility.
  • feat(useDropdownWithPopper): Introduced a new composable for handling dropdowns with Popper.

Fixes

  • fix(CNavItem): The as property is no longer required.
  • fix(CMultiSelect): Improved handling of selected options when multiple is set to false.

Refactors

  • refactor(CMultiSelect): Minor performance improvements.

Dependency Updates

This release includes several dependency updates to keep your project secure and up-to-date:

  • Updated @coreui/coreui-pro from ^5.5.0 to ^5.6.0
  • Updated @docsearch/css from ^3.6.1 to ^3.6.2
  • Updated @docsearch/js from ^3.6.1 to ^3.6.2
  • Updated @rollup/plugin-commonjs from ^26.0.1 to ^28.0.1
  • Updated @rollup/plugin-node-resolve from ^15.2.3 to ^15.3.0
  • Updated @rollup/plugin-typescript from ^11.1.6 to ^12.1.1
  • Updated @types/jest from ^29.5.13 to ^29.5.14
  • Updated @typescript-eslint/eslint-plugin from ^8.6.0 to ^8.12.1
  • Updated @typescript-eslint/parser from ^8.6.0 to ^8.12.1
  • Updated @vue/eslint-config-prettier from ^9.0.0 to ^10.1.0
  • Updated @vue/eslint-config-typescript from ^13.0.0 to ^14.1.3
  • Updated @vuepress/bundler-vite from 2.0.0-rc.15 to 2.0.0-rc.18
  • Updated @vuepress/bundler-webpack from 2.0.0-rc.15 to 2.0.0-rc.18
  • Updated @vuepress/plugin-active-header-links from 2.0.0-rc.47 to 2.0.0-rc.55
  • Updated @vuepress/plugin-git from 2.0.0-rc.44 to 2.0.0-rc.56
  • Updated @vuepress/plugin-markdown-container from 2.0.0-rc.43 to 2.0.0-rc.54
  • Updated @vuepress/plugin-register-components from 2.0.0-rc.44 to 2.0.0-rc.54
  • Updated @vuepress/plugin-theme-data from 2.0.0-rc.47 to 2.0.0-rc.57
  • Updated @vuepress/plugin-toc from 2.0.0-rc.47 to 2.0.0-rc.55
  • Updated @vuepress/shared from 2.0.0-rc.15 to 2.0.0-rc.18
  • Updated @vuepress/utils from 2.0.0-rc.15 to 2.0.0-rc.18
  • Updated eslint from 8.57.0 to 9.13.0
  • Updated eslint-plugin-unicorn from ^55.0.0 to ^56.0.0
  • Updated eslint-plugin-vue from ^9.28.0 to ^9.30.0
  • Updated rollup from ^4.22.4 to ^4.24.2
  • Updated sass from ^1.79.3 to ^1.80.4
  • Updated typescript from ^5.6.2 to ^5.6.3
  • Updated vue from ^3.5.8 to ^3.5.12
  • Updated vuepress from 2.0.0-rc.15 to 2.0.0-rc.18
Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
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

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