💡 Examples

Practical, copy-pasteable examples of Vue Router Citadel in real applications. Each one is a complete setup you can drop into a project and adapt.

🔑 Auth Guard

Global outposts with maintenance mode and authentication checks using BLOCK and redirect verdicts.

🪆 Nested Routes

Route outpost inheritance from parent routes with priority-based auth, verification, and premium checks.

🪝 Multi-Hook Outpost

A single outpost handling beforeResolve and afterEach hooks with role-based access control.

🔀 Outposts Across Hooks

Auth on beforeEach, data loading on beforeResolve, analytics and page title on afterEach.

🏭 Production Patterns

Route-scoped outposts for RBAC, onboarding, payment validation, and async account checks with meta-driven configuration.

New to Citadel? Start with the Getting Started guide, then come back here for full patterns.

💡 Examples ​

🔑 Auth Guard ​

🪆 Nested Routes ​

🪝 Multi-Hook Outpost ​

🔀 Outposts Across Hooks ​

🏭 Production Patterns ​