Use Playwright component testing's beforeMount/afterMount hooks and the experimental router fixture to inject configuration and mock network requests in a mounted component test

Steps

1. Start from an existing @playwright/experimental-ct-react or -vue setup (created via npm init playwright@latest -- --ct)
2. In playwright/index.{ts,tsx}, use beforeMount/afterMount from '@playwright/experimental-ct-react/hooks' (or the -vue equivalent) to wrap the mounted app, e.g. with a router provider
3. Define a typed HooksConfig and pass custom per-test config into mount() via its hooksConfig option, read inside beforeMount
4. Use the experimental router fixture's router.route(url, handler) (same shape as page.route()) to intercept network calls the component makes, or router.use(...) to plug in existing MSW request handlers
5. Reset any global browser state (localStorage, cookies, singleton services) the component depends on, since component tests may reuse the browser context/page between tests as a performance optimization