docs(vue): recommend passing URL parameters as props instead of useRoute

[ShaneK]

resolves #1945

What is the current behavior?

The URL Parameters section in docs/vue/navigation.md reads route params by calling useRoute() in <script setup> and destructuring route.params.id. That couples the component to the router instance, which Vue Router's own docs discourage and which makes the component harder to reuse or test in isolation.

What is the new behavior?

The example now uses props: true on the route record and defineProps<{ id: string }>() in the component, mirroring Vue Router's recommended pattern. The intro recommends the props approach up front, and the closing line calls out that the component has no router dependency.

The same change is also backported to the v7 docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ionic-docs	Ready	Preview, Comment	May 22, 2026 9:45pm