CoreUI for Vue v5.1.0

CoreUI for Vue v5.1.0

We are excited to announce the release of CoreUI for Vue v5.1.0. This update introduces new features, refactors existing components for better performance and maintainability, and updates various dependencies to their latest versions.

How to Update

To ensure a smooth transition to CoreUI for Vue v5.1.0, follow these steps:

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

What’s New

Features

  • CTabs: The initial release of the new Vue tabs component.

Refactor

  • CPopover, CTabs, CTooltips: Changed to an SSR-friendly unique ID generator.

Docs

  • Improved layout and content.

Dependency Updates

The following key dependencies have been updated to their latest versions, ensuring better performance, security, and compatibility:

  • Updated @coreui/coreui from ^5.0.0 to ^5.0.2
  • 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

For a comprehensive 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.
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

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