Implements industry-standard navigation patterns and lifecycle management for Vue Router 4 applications.
This skill provides Claude with expert-level knowledge of Vue Router 4, focusing on advanced navigation guards, lifecycle interactions, and production-grade routing configurations. It helps developers avoid common pitfalls such as infinite redirect loops, stale data on parameter changes, and memory leaks from persistent event listeners, ensuring robust and efficient single-page application (SPA) architectures through proven implementation patterns.
Key Features
010 GitHub stars
02Infinite redirect loop prevention
03Advanced Navigation Guard implementation
04Production-grade SPA routing configuration
05Lifecycle-aware route data management
06Async/await pattern integration for guards
Use Cases
01Debugging infinite redirect loops in complex authentication guards
02Ensuring component data refreshes correctly when route parameters change
03Migrating deprecated next() function calls to modern return-based guards
