Hey dev.to 👋 — I'm dixitcoder, and I just shipped DixitCoder, a full security & OSINT dashboard built entirely in Vue 3 + TypeScript + Vite.

60+ tools in one workspace: IP intel, port scanner, ping sweep, service detector, WHOIS, DNS records, SSL/TLS checker, HTTP security headers, firewall tester, DNS leak test, traceroute, GeoIP, packet sniffer, network mapper, vuln scanner, image OSINT analyzer, Base64/hash/JSON/regex utilities, system monitors, and more.

But the part I actually want feedback on is the router architecture:

🔐 Session-aware guards — every protected route hits /api/auth/me with credentials: 'same-origin' before navigation

👑 Role-based access — a meta.admin flag locks user management to admins only

🌐 Public routes — sign-in, sign-up and 404 skip the auth check cleanly

📊 Recent route tracking — router.afterEach records the last 5 visits into a reactive ref for a "recently launched" widget

🎯 Dynamic titles — document.title updates per route via meta.title

♻️ Scroll restoration —…