Using router in Vue components is discouraged

[JoJk0]

URL
The URL at which the content is missing or inaccurate

https://ionicframework.com/docs/vue/navigation

What is missing or inaccurate about the content on this page?

According to Vue Router docs, Vue Router instance should not be coupled to components. I suggest for the docs to be changed to use passing route params to props by Vue.

So instead:

export default defineComponent({
  name: 'Detail',
  components: {
    IonContent, 
    IonHeader, 
    IonPage, 
    IonTitle, 
    IonToolbar
  },
  setup() {
    const route = useRoute();
    const { id } = route.params;
    return { id };
  }
})

It's better to do:

export default defineComponent({
  name: 'Detail',
  components: {
    IonContent, 
    IonHeader, 
    IonPage, 
    IonTitle, 
    IonToolbar
  },
  props: {
    id: {
      type: String
    }
  },
  setup() {
    return { };
  }
})

and setting props: true in specified route record in router file.