Email Verified Redirect Success Block for Vue

Nothing navigates and nothing was verified: at zero the page says "In this demo the redirect stops here." To wire it, call your router's push where the countdown reaches zero (the tick that sets left to 0), keep the pause toggle, and read the address and the time from the verified account. The countdown length is SECONDS.

Yes: Pause the redirect is a toggle that stops the clock and, pressed again, starts it from where it was. A redirect that moves people on their own has to be pausable (WCAG 2.2.1); the toggle is the first control in the frame, before the button, and it keeps its label while its pressed state changes.

No. The countdown text is a timer, which is not announced as it changes. One polite status message speaks only when something changes state: "Redirect paused.", "Redirect running." and, at zero, "The redirect has stopped. Nothing navigated in this demo."

The bar drains in one smooth line normally; with reduced motion it steps down a fifth each second instead of sliding. The counting itself is not animation, so it still runs, and the toggle is still there to stop it.

The Shine Button is a link to your own route. It's a Shine Button rendered as a link through the framework's own as-child mechanism. It is full width on a phone and sits on the first screen.