Transition Control in Astro

---
import { navigate } from 'astro:transitions/client';
---

<!-- Disable transitions for specific link -->
<a href="/about" data-astro-reload>Full page reload</a>

<!-- Control history behavior -->
<a href="/page" data-astro-history="replace">
  Replace history
</a>

<script>
  // Programmatic navigation
  navigate('/dashboard', {
    history: 'push' // or 'replace', 'auto'
  });

  // Listen to lifecycle events
  document.addEventListener('astro:page-load', () => {
    console.log('New page loaded');
    // Re-initialize scripts
  });
</script>