How could I change RouterView based on params?

[s3xysteak]

/my/:typeId?/:id?
+-----------------------------------------------------------+ 
| Selector                                                  |             
| +-------------------------------------------------------+ |  
| | id ? `<CompId />` : typeId ? `<CompTypeId/>` : nothing| |  
| +-------------------------------------------------------+ |     
+-----------------------------------------------------------+

[posva]

The route /my/:typeId?/:id? is a bit ambiguous because of the double optional parameter but it's still realistic in some scenarios. You could avoid the nothing by using a nested route:

{
  path: '/my'
  children: [
    { path: ':typeId?/:id?' },
  ]
}

Displaying a different component based on the available params is totally fine.

[s3xysteak]

Thank you! I didn't think I could use param at the beginning of the path.

[posva]

Here it's because they are nested paths so it prepends the parent's path