DocsUpdate LogsVue

TailAdmin Vue.js Changelog

Version 2.0.0 - [February 2025]

This major update brings a comprehensive redesign of almost every component and page, along with significant functionality improvements tailored for Vue 3 applications using the Composition API and Vue Router 4.

Major Improvements:

  • Complete redesign of the dashboard and all major pages using Vue 3 Composition API and Vue Router 4
  • Enhanced user interface with new Vue 3-optimized components and polished existing ones
  • Improved responsiveness and accessibility across all components using Vue 3 Composition API hooks
  • New features including a collapsible sidebar, chat screens, and a full calendar implemented with Vue 3
  • Redesigned authentication pages.
  • Updated and new data visualization components using ApexCharts for Vue 3.

New Features and Enhancements:

  1. Dashboard Layouts
    • 1.1 Redesigned Ecommerce dashboard with new KPI widgets and sales charts using ApexCharts and Vue 3.
    • 1.2 Revamped Analytics dashboard with ApexCharts.
    • 1.3 Updated Marketing dashboard with performance metrics and chart
    • 1.4 Enhanced CRM dashboard with customer insights and chart, using Vue 3 watch and computed properties for data processing
    • 1.5 Improved Stocks dashboard portfolio chart using ApexCharts.
  2. Navigation and Layout
    • 2.1 Implemented collapsible sidebar using Vue 3.
    • 2.2 Improved header design with quick action buttons, notifications, user dropdown, and dark/light mode toggle using Vue 3 Composition API
    • 2.3 Added dynamic route-based breadcrumbs using Vue Router 4 meta fields.
  3. Communication Tools
    • 3.1 New chat screens with real-time messaging using Vue 3 Composition API and WebSocket integration
    • 3.2 Redesigned email inbox with client-side pagination and filtering using Vue 3 computed properties
    • 3.3 Enhanced email details view with threaded conversations using Vue 3 dynamic components
  4. Document Management
    • 4.1 Updated invoice screen.
    • 4.2 New file manager and folder structure using Vue 3.
  5. Data Visualization
    • 5.1 Redesigned chart components: Line, Area, Bar, and Donut charts using ApexCharts for Vue 3
    • 5.2 New interactive map component with customizable markers and regions using jvectormap.
  6. Authentication and User Management
    • 6.1 Completely redesigned authentication pages (Login, Register, Forgot Password, OTP Verification) using Vue 3.
    • 6.2 Implemented user profile with avatar customization modal form, utilizing Vue 3.
  7. Pricing and Subscriptions
    • 7.1 New pricing table design with feature comparison.
  8. Error and Status Pages
    • 8.1 Redesigned error pages: 404 Not Found, 500 Internal Server Error, 503 Service .
    • 8.2 New status pages: Success, Maintenance, and Coming Soon, implemented as static pages with Vue 3
  9. UI Elements
    • 9.1 Enhanced Avatar component with group avatar support, optimized for Vue 3.
    • 9.2 Redesigned Alert component with close functionality, using Vue 3 Composition API.
    • 9.3 Added Colored Link component for better visual hierarchy, integrated with Vue Router 4
    • 9.4 New Ribbon component for highlighting important elements, using Vue 3 slots and provide/inject API
  10. Basic Tables and Data Display
    • 10.1 Improved default table component with sorting and pagination functionality, using Vue 3 Composition API for data management
    • 10.2 New Advanced Table component with filtering and column customization.
  11. Calendar and Scheduling
    • 11.1 Implemented full-featured calendar with drag-and-drop event management using FullCalendar Vue 3 Component
    • 11.2 Added support for event modal with Vue 3.
  12. Performance and Accessibility
    • 12.1 Optimized component rendering using Vue 3’s improved virtual DOM and Composition API
    • 12.2 Improved keyboard navigation and screen reader support with Vue 3 custom directives
    • 12.3 Enhanced color contrast and readability across all components.

Breaking Changes:

  • Chart components now use ApexCharts for Vue 3. Update your data format and props accordingly.
  • Vue Router has been updated to version 4. Review your routing implementation and navigation guards.

To upgrade to this version, ensure you have Vue 3 and its ecosystem (Vue Router 4) installed in your project. Refer to the migration guide for detailed steps on updating your existing TailAdmin Vue 2 project to Vue 3.

February 2024

  • Initial release
Next.jsBrowser Support