Improve Alpine.js component initialization and logging

Refactor Alpine.js component initialization to ensure all components are registered after Alpine is ready, and update console logs for better debugging.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/moJlpyM
This commit is contained in:
pac7
2025-09-21 03:00:09 +00:00
committed by pacnpal
parent 30a59f7d6c
commit 96290fdd58

View File

@@ -3,6 +3,10 @@
* Enhanced components matching React frontend functionality
*/
// Wrap ALL code to wait for Alpine to be available
document.addEventListener('alpine:init', () => {
console.log('Alpine is ready, registering components...');
// Theme Toggle Component
Alpine.data('themeToggle', () => ({
theme: localStorage.getItem('theme') || 'system',
@@ -705,7 +709,5 @@ Alpine.store('toast', {
}
});
// Initialize Alpine.js when DOM is ready
document.addEventListener('alpine:init', () => {
console.log('Alpine.js components initialized');
console.log('All Alpine.js components registered successfully');
});