Improve flexibility of the component

A snippet from a component is given below.

const whatthisis = {
  template: '<div>Whatthisis {{ $route.params.id }}</div>'
}
You find that the component is tightly coupled with the route and that the flexibility of the component is reduced. What should you use to improve flexibility in the given scenario?

Options

1. Use nested routes
2. Use props
3. Use a navigation guard
4. None of the above