CoreUI for Vue v5.7.0

We are excited to announce the release of CoreUI for Vue v5.7.0. This version brings enhanced component functionality, improved performance optimizations, accessibility enhancements, and comprehensive dependency updates to keep your Vue applications modern and reliable.

---

Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.

---

How to Update

To upgrade to CoreUI for Vue v5.7.0, follow these steps:

1. Open your project’s package.json.
2. Update the version of @coreui/vue to 5.7.0.
3. Update the version of @coreui/coreui to 5.4.3.
4. Save the file and install the updated dependencies:
   • npm: npm install
   • yarn: yarn install

🚀 What’s New

✨ Enhanced Features

• Component Performance: Optimized rendering performance across all components

  • Reduced unnecessary re-renders through improved reactivity patterns
  • Enhanced Vue 3 Composition API integration
  • Better memory management for large component trees
  • Improved component lifecycle management

• TypeScript Support: Enhanced type definitions for better development experience

  • Improved IntelliSense support in Vue IDEs
  • Better type safety for component props and events
  • Enhanced auto-completion for component APIs
  • Support for latest TypeScript features

🛠 Enhancements & Fixes

• Component Stability: Improved component behavior and edge case handling

  • Enhanced error boundary handling for better app stability
  • Improved prop validation with better error messages
  • Better handling of dynamic component scenarios
  • Enhanced component composition patterns

• Accessibility: Continued improvements for WCAG 2.1 compliance

  • Enhanced keyboard navigation across components
  • Improved screen reader support with better ARIA labels
  • Better focus management in interactive components
  • Enhanced color contrast for visual accessibility

• Vue 3 Integration: Optimized for latest Vue 3 features

  • Better integration with Vue 3 Teleport API
  • Enhanced Suspense support for async components
  • Improved compatibility with Vue 3 fragments
  • Better integration with Vue DevTools

🔧 Technical Improvements

• Build System: Enhanced build pipeline for better performance
• Component Documentation: Updated component examples and API references
• Development Tools: Improved development experience with better tooling
• Browser Compatibility: Enhanced support for modern browsers

📦 Dependency Updates

This release includes important dependency updates to keep the CoreUI Vue stack secure and performant:

Core Dependencies

• Updated @coreui/coreui from ^5.4.2 to ^5.4.3
• Updated vue from ^3.5.20 to ^3.5.25

Development Dependencies

• Updated @typescript-eslint/parser from ^8.34.0 to ^8.35.0
• Updated eslint from ^9.34.0 to ^9.35.0
• Updated rollup from ^4.20.0 to ^4.21.0
• Updated typescript from ^5.5.4 to ^5.6.0
• Updated sass from ^1.77.8 to ^1.78.0
• Updated vite from ^5.4.0 to ^5.4.5

Technical Details

Performance Optimizations

Component improvements include:

• Optimized rendering algorithms for better performance
• Reduced bundle size through improved tree-shaking
• Enhanced component composition for better reusability
• Improved reactivity patterns for smoother interactions

TypeScript Enhancements

Enhanced TypeScript support provides:

• Better type inference for component props
• Improved generic type support for complex components
• Enhanced IDE integration with better auto-completion
• Support for strict TypeScript configurations

Vue 3 Compatibility

Latest Vue 3 integration offers:

• Better performance with optimized reactivity system
• Enhanced developer experience with improved DevTools
• Better support for modern Vue 3 patterns and APIs
• Improved SSR compatibility for Nuxt applications

---

For a complete list of changes, enhancements, and resolved issues, please visit the full changelog on GitHub.