README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`

lerna.json

@@ -1,6 +1,6 @@
 {
   "npmClient": "yarn",
   "packages": ["packages/*"],
-  "version": "5.4.0",
+  "version": "5.4.1",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }

packages/coreui-vue/README.md

@@ -46,7 +46,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.4.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`

packages/coreui-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",
@@ -41,24 +41,24 @@
     "test:update": "jest --coverage --updateSnapshot"
   },
   "dependencies": {
-    "@coreui/coreui": "^5.1.2",
+    "@coreui/coreui": "^5.2.0",
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/jest": "^29.5.13",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@types/jest": "^29.5.14",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "29.2.6",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.22.4",
+    "rollup": "^4.24.2",
     "rollup-plugin-vue": "^6.0.0",
     "ts-jest": "^29.2.5",
-    "typescript": "^5.6.2",
-    "vue": "^3.5.8",
+    "typescript": "^5.6.3",
+    "vue": "^3.5.12",
     "vue-types": "^5.1.3"
   },
   "peerDependencies": {

packages/coreui-vue/src/components/nav/CNavItem.ts

@@ -10,14 +10,25 @@ interface CNavItemProps extends ComponentProps<typeof CNavLink> {
 const CNavItem = defineComponent({
   name: 'CNavItem',
   props: {
-    ...CNavLink.props,
+    /**
+     * Toggle the active state for the component.
+     */
+    active: Boolean,
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     as: {
       type: String,
       default: 'li',
     },
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled: Boolean,
+    /**
+     * @ignore
+     */
+    href: String,
   },
   setup(props: CNavItemProps, { slots }) {
     return () =>

packages/docs/api/nav/CNavItem.api.md

@@ -8,6 +8,8 @@ import CNavItem from '@coreui/vue/src/components/nav/CNavItem'
 
 #### Props
 
-| Prop name | Description                                                                             | Type   | Values | Default |
-| --------- | --------------------------------------------------------------------------------------- | ------ | ------ | ------- |
-| **as**    | Component used for the root node. Either a string to use a HTML element or a component. | string | -      | 'li'    |
+| Prop name    | Description                                                                             | Type    | Values | Default |
+| ------------ | --------------------------------------------------------------------------------------- | ------- | ------ | ------- |
+| **active**   | Toggle the active state for the component.                                              | boolean | -      | -       |
+| **as**       | Component used for the root node. Either a string to use a HTML element or a component. | string  | -      | 'li'    |
+| **disabled** | Toggle the disabled state for the component.                                            | boolean | -      | -       |

packages/docs/components/dropdown.md

@@ -65,7 +65,7 @@ And with `<a>` elements:
 The best part is you can do this with any button variant, too:
 
 ::: demo
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CDropdownToggle :color="item">{{item}}</CDropdownToggle>
     <CDropdownMenu>
@@ -77,7 +77,7 @@ The best part is you can do this with any button variant, too:
 </template>
 :::
 ```vue
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CDropdownToggle :color="item">{{togglerText}}</CDropdownToggle>
     <CDropdownMenu>
@@ -96,7 +96,7 @@ Similarly, create split button dropdowns with virtually the same markup as singl
 We use this extra class to reduce the horizontal `padding` on either side of the caret by 25% and remove the `margin-left` that's attached for normal button dropdowns. Those additional changes hold the caret centered in the split button and implement a more properly sized hit area next to the main button.
 
 ::: demo
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CButton :color="item">{{ item }}</CButton>
     <CDropdownToggle :color="item" split>{{item}}</CDropdownToggle>
@@ -109,7 +109,7 @@ We use this extra class to reduce the horizontal `padding` on either side of the
 </template>
 :::
 ```vue
-<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']">
+<template v-for="(item) in ['primary', 'secondary', 'success', 'info', 'warning', 'danger']" :key="item">
   <CDropdown :color="item" :togglerText="item" variant="btn-group">
     <CButton :color="item">{{ item }}</CButton>
     <CDropdownToggle :color="item" split>{{item}}</CDropdownToggle>
@@ -724,4 +724,4 @@ Variables for the CSS-based carets that indicate a dropdown's interactivity:
 
 !!!include(./api/dropdown/CDropdownMenu.api.md)!!!
 
-!!!include(./api/dropdown/CDropdownToggle.api.md)!!!
+!!!include(./api/dropdown/CDropdownToggle.api.md)!!!

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-docs",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "scripts": {
     "api": "vue-docgen -c build/docgen.config.js",
     "dev": "vuepress dev --clean-cache",
@@ -9,28 +9,28 @@
   "license": "MIT",
   "devDependencies": {
     "@coreui/chartjs": "^4.0.0",
-    "@coreui/coreui": "^5.1.2",
+    "@coreui/coreui": "^5.2.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.2.0",
     "@coreui/utils": "^2.0.2",
     "@coreui/vue-chartjs": "^3.0.0",
-    "@docsearch/css": "^3.6.1",
-    "@docsearch/js": "^3.6.1",
-    "@vuepress/bundler-vite": "2.0.0-rc.15",
-    "@vuepress/bundler-webpack": "2.0.0-rc.15",
-    "@vuepress/plugin-active-header-links": "2.0.0-rc.47",
-    "@vuepress/plugin-git": "2.0.0-rc.44",
-    "@vuepress/plugin-markdown-container": "2.0.0-rc.43",
+    "@docsearch/css": "^3.6.2",
+    "@docsearch/js": "^3.6.2",
+    "@vuepress/bundler-vite": "2.0.0-rc.18",
+    "@vuepress/bundler-webpack": "2.0.0-rc.18",
+    "@vuepress/plugin-active-header-links": "2.0.0-rc.55",
+    "@vuepress/plugin-git": "2.0.0-rc.56",
+    "@vuepress/plugin-markdown-container": "2.0.0-rc.54",
     "@vuepress/plugin-prismjs": "2.0.0-rc.37",
-    "@vuepress/plugin-theme-data": "2.0.0-rc.47",
-    "@vuepress/plugin-register-components": "2.0.0-rc.44",
-    "@vuepress/plugin-toc": "2.0.0-rc.47",
-    "@vuepress/shared": "2.0.0-rc.15",
-    "@vuepress/utils": "2.0.0-rc.15",
+    "@vuepress/plugin-theme-data": "2.0.0-rc.57",
+    "@vuepress/plugin-register-components": "2.0.0-rc.54",
+    "@vuepress/plugin-toc": "2.0.0-rc.55",
+    "@vuepress/shared": "2.0.0-rc.18",
+    "@vuepress/utils": "2.0.0-rc.18",
     "markdown-it-anchor": "^9.2.0",
     "markdown-it-include": "^2.0.0",
-    "sass": "^1.79.3",
+    "sass": "^1.80.4",
     "vue-docgen-cli": "^4.79.0",
-    "vuepress": "2.0.0-rc.15"
+    "vuepress": "2.0.0-rc.18"
   }
 }