Dependency Updates & Config Improvements

Author: puikinsh

CHANGELOG.md

@@ -5,6 +5,48 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.2.1] - 2026-01-24
+
+### 🔧 Maintenance Release - Dependency Updates & Config Improvements
+
+This release updates all dependencies to their latest stable versions and improves the ESLint configuration for better maintainability.
+
+### 📦 Updated Production Dependencies
+
+- **Alpine.js** 3.15.2 → **3.15.4** - Bug fixes and performance improvements
+- **SweetAlert2** 11.26.3 → **11.26.17** - Enhanced notification features
+
+### 📦 Updated Development Dependencies
+
+- **Vite** 7.2.4 → **7.3.1** - Build performance improvements
+- **Sass** 1.94.2 → **1.97.3** - Latest SCSS compiler with bug fixes
+- **ESLint** 9.39.1 → **9.39.2** - Updated linting rules
+- **@eslint/js** 9.39.1 → **9.39.2** - ESLint JavaScript plugin update
+- **Prettier** 3.7.2 → **3.8.1** - Improved code formatting
+- **Autoprefixer** 10.4.22 → **10.4.23** - Better CSS compatibility
+
+### ✨ Added
+
+- **`globals` package** - Cleaner ESLint configuration using standard browser globals
+- **`if-function` deprecation silencing** - Suppress Sass deprecation warnings from Bootstrap
+
+### 🔧 Changed
+
+- **ESLint Configuration** - Now uses `globals` package instead of manually listing browser globals
+- **ECMAScript Version** - Updated from 2022 to 2024 in ESLint config
+- **Vite SCSS Config** - Added `if-function` to silenced deprecations for Bootstrap compatibility
+
+### 📝 Notes
+
+- **Lucide Icons** - Rolled back to v0.469.0 due to a packaging bug in newer versions (v0.560+) where ESM entry points are missing. Monitor for fix before upgrading.
+- **Bootstrap SCSS** - Bootstrap uses Sass's deprecated `if()` function which will be fixed in a future Bootstrap release
+
+### 🔒 Security
+
+- **0 Vulnerabilities** - All dependencies audited with no known security issues
+
+---
+
 ## [3.2.0] - 2025-11-29
 
 ### 🎉 Maintenance Release - Dependencies, Build Optimization & DX Improvements

CLAUDE.md

@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-Modern Bootstrap 5 Admin Dashboard Template (v3.2.0) using Vite, Alpine.js, and SCSS.
+Modern Bootstrap 5 Admin Dashboard Template (v3.2.1) using Vite, Alpine.js, and SCSS.
 
 | Directory | Purpose |
 |-----------|---------|
@@ -62,10 +62,10 @@ Alpine.data('componentName', () => ({
 ## Dependencies
 
 - **UI**: Bootstrap 5.3.8, Bootstrap Icons 1.13.1
-- **Reactive**: Alpine.js 3.15.2
+- **Reactive**: Alpine.js 3.15.4
 - **Charts**: ApexCharts 5.3.6, Chart.js 4.5.1
-- **Notifications**: SweetAlert2 11.26.3
-- **Build**: Vite 7.2.4, Sass 1.94.2
+- **Notifications**: SweetAlert2 11.26.17
+- **Build**: Vite 7.3.1, Sass 1.97.3
 
 ## Documentation
 

README.md

@@ -2,7 +2,7 @@
 
 > A completely modernized, powerful, and free Bootstrap 5 admin dashboard template built with cutting-edge web technologies.
 
-**🎉 Version 3.2.0 Release** - All dependencies updated to latest versions, ESLint v9 configuration, and security improvements.
+**🎉 Version 3.2.1 Release** - All dependencies updated to latest versions, improved ESLint configuration with `globals` package.
 
 ![Metis Bootstrap Admin Dashboard](./metis-bootstrap-admin-dashboard.png)
 
@@ -22,10 +22,10 @@
 - **Modern Typography** - Inter font family for enhanced readability
 
 ### 🚀 **Advanced Technology Stack**
-- **Alpine.js 3.15.2** - Lightweight reactive framework for modern interactions
+- **Alpine.js 3.15.4** - Lightweight reactive framework for modern interactions
 - **ES6+ JavaScript** - Modern JavaScript with modules and async/await
-- **Vite 7.2.4** - Lightning-fast development and optimized production builds
-- **SCSS Architecture** - Organized, scalable stylesheet structure with Sass 1.94.2
+- **Vite 7.3.1** - Lightning-fast development and optimized production builds
+- **SCSS Architecture** - Organized, scalable stylesheet structure with Sass 1.97.3
 - **Bootstrap Icons 1.13.1** - 1,800+ high-quality SVG icons
 - **ApexCharts 5.3.6** - Advanced charting library
 - **Font Awesome 7.1.0** - Additional icon library
@@ -159,17 +159,17 @@ document.addEventListener('alpine:init', () => {
 });
 ```
 
-## 🆕 What's New in v3.2.0
+## 🆕 What's New in v3.2.1
 
-### Latest Updates (November 2025)
+### Latest Updates (January 2026)
 
 - ✅ **All Dependencies Updated** - Every package upgraded to latest stable version
-- ✅ **ESLint v9 Configuration** - New flat config format for modern linting
-- ✅ **Font Awesome 7.1.0** - Latest icon library with new icons
-- ✅ **Vite 7.2.4** - Improved build performance
-- ✅ **SweetAlert2 11.26.3** - Enhanced notification features
+- ✅ **Improved ESLint Config** - Now uses `globals` package for cleaner browser globals
+- ✅ **Vite 7.3.1** - Latest build tool with performance improvements
+- ✅ **Sass 1.97.3** - Latest SCSS compiler with bug fixes
+- ✅ **SweetAlert2 11.26.17** - Enhanced notification features
+- ✅ **Alpine.js 3.15.4** - Bug fixes and performance improvements
 - ✅ **0 Security Vulnerabilities** - All packages audited and secure
-- ✅ **Bug Fixes** - Fixed duplicate method error in security component
 
 ## 🌟 Key Improvements in v3.0
 

dist-modern/analytics.html

@@ -26,9 +26,9 @@
     <!-- Custom Styles for Analytics Dashboard -->
   <script type="module" crossorigin src="./assets/vendor-bootstrap-C9iorZI5.js"></script>
   <script type="module" crossorigin src="./assets/vendor-charts-DGwYAWel.js"></script>
-  <script type="module" crossorigin src="./assets/vendor-ui-DjYv-mAO.js"></script>
-  <script type="module" crossorigin src="./assets/main-BHbn44Op.js"></script>
-  <script type="module" crossorigin src="./assets/analytics-ChgB2M2c.js"></script>
+  <script type="module" crossorigin src="./assets/vendor-ui-CflGdlft.js"></script>
+  <script type="module" crossorigin src="./assets/main-DwHigVru.js"></script>
+  <script type="module" crossorigin src="./assets/analytics-Baa0JPJM.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/main-QD_VOj1Y.css">
 </head>
 
@@ -197,7 +197,7 @@ <h1 class="h4 mb-0 fw-bold text-primary">Metis</h1>
                                 <a class="nav-link" href="#" data-bs-toggle="collapse" data-bs-target="#elementsSubmenu" aria-expanded="false">
                                     <i class="bi bi-puzzle"></i>
                                     <span>Elements</span>
-                                    <span class="badge bg-primary rounded-pill me-2">New</span>
+                                    <span class="badge bg-primary rounded-pill ms-2 me-2">New</span>
                                     <i class="bi bi-chevron-down ms-auto"></i>
                                 </a>
                                 <div class="collapse" id="elementsSubmenu">