ask-vue-mechanic

<critical_constraints> ❌ NO <a href=""> → use <Link> to prevent full page reload ❌ NO destructuring props → loses reactivity, use toRefs(props) or props.name ❌ NO forgetting .value → count.value++ not count++ ✅ MUST trace upstream to Laravel Controller for missing props ✅ MUST run php artisan optimize:clear after route changes </critical_constraints>

<silent_reload_fix> Symptom: Full page refresh (white flash) on link click Cause: Used <a> tag instead of Inertia Link Fix: <Link href="/users"> instead of <a href="/users"> </silent_reload_fix>

<prop_tunnel_debug>

1. Vue DevTools → inspect Inertia root component props
2. Check Laravel Controller → is data passed in Inertia::render()?
3. Check HandleInertiaRequests middleware for global data </prop_tunnel_debug>